Responsive four card feature section using Grid and Flexbox

Community feedback

• 

  kxnzx•870

  @kxnzxPosted about 2 years ago

  @OhSorrow your solution looks neat! Well done!

  It does not scroll and the page is not too wide.The page is only scrollable when the toolbar is enabled and that's fine.

  You can use a max-width on the container if you want to prevent that the width of the container grows, when you enlarge the screensize. Another advantage of using a max-width is that when you shrink the screensize the container will scale down. However in your case it's unnecessary, because you used (grid-template-columns: 1fr;) on the container, which keeps the container in one fraction of the available place. Well done!

  Marked as helpful

  1

  ---

  

  Aram•280

  @OhSorrowPosted about 2 years ago

  @kxnzx Hi dear kxnzx! Thanks a lot for your tips and guidance!

  0

  

  kxnzx•870

  @kxnzxPosted about 2 years ago

  @OhSorrow Yrw! :)

  0