Four card feature section with CSS Grid, mobile first approch

Community feedback

• 

  Descifle•100

  @desciflePosted about 5 years ago

  Very good breakpoints, The boxes are never covered when minimizing screen

  1

  ---

  

  Sarah Hassan•145

  @sarah27hPosted about 5 years ago

  @descifle Thanks for your feedback

  0
• 

  T

  Matt Studdert•13,611

  @mattstuddertPosted about 5 years ago

  Awesome work on this challenge, Sarah! 🙌

  0

  ---

  

  Sarah Hassan•145

  @sarah27hPosted about 5 years ago

  @mattstuddert Thanks for your effort and encouraging me to do my best :)

  0
• 

  Sven Feeleus•490

  @n3vsxPosted about 5 years ago

  Great work! Any reason why you chose to not follow the design on mobile?

  0

  ---

  

  Sarah Hassan•145

  @sarah27hPosted about 5 years ago

  @n3vsx Thanks, could you explain more what do you mean?

  0

  

  Sven Feeleus•490

  @n3vsxPosted about 5 years ago

  @sarah27h oh nevermind my fault ahaha

  1

  

  Alex•1,090

  @AlexBueckigPosted about 5 years ago

  @n3vsx In my opinion sarah followed the design perfectly and everything looks great and scales nicely! She just added an additional breakpoint with a new layout which could be used on tablets. If you shrink it down all the way it transitions from the 2 column layout to an one column layout, just like in the design images.

  1

  

  Sarah Hassan•145

  @sarah27hPosted about 5 years ago

  @n3vsx no problem, you are welcome :)

  0

  

  Sarah Hassan•145

  @sarah27hPosted about 5 years ago

  @AlexBueckig, yes you are right I added a breakpoint for tablets

  0