Responsive four card feature section using Grid and Flexbox

Community feedback

• 

  kxnzx•870

  @kxnzx

  Posted almost 3 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!

  12

  Marked as helpful