A basic webpage that uses grid to align the card components in columns

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  👾Hello , congratulations for your new solution!

  Your solution seems really good, I can see that is fully responsive and the media queries are working fine. I've two advice for you:

  1.Use semantic tags to wrap the cards, you can replace the div with article. Remember that divs are just block element without meaning. Use divs for really small blocks.

  2.Work the box-shadow values to reach a smoother shadow reducing the opacitity and increasing the blur. You can create your shadows design in Figma and just drop the code inside the css or use an online tool to create them:

  CSS BOX-SHADOW GENERATOR: https://www.cssmatic.com/box-shadow

  👋 I hope this helps you and happy coding!

  Marked as helpful

  1

  ---

  

  Akash Nandi•160

  @nandi1514Posted over 2 years ago

  @correlucas Thankyou. i was really struggling with the box shadows part so thankyou for the tip

  1