Landing: Become a mentor section

Women-Coding-Community / wcc-frontend

MIT License

2 stars 4 forks source link

Landing: Become a mentor section #10

Open stepsen89 opened 3 weeks ago

stepsen89 commented 3 weeks ago

Landing page contains a section for becoming a mentor:

Takes in title, description, cta (text and link within application) and image

image source link

MOBILE

Use square image on small mobile (breakpoint smaller than 'sm')

image source link

MUI default breakpoints Documentation link:

xs, extra-small: 0px
sm, small: 600px
md, medium: 900px
lg, large: 1200px
xl, extra-large: 1536px

lilyndk commented 2 weeks ago

Hi @jpmaHub

I've added this 'yellow note' in Figma to note the mappings of elements to the MUI ‘styling color and typography variables’. If we use those variables, the styles should closely align with the Figma designs once we add update the theme colors and typography styles (which I’m still working on defining).