Skip to content
Submitted about 1 month ago

Responsive Project using css

#pure-css
Eziefule Judith•110
@a2-112
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Four card feature section
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

I am very most proud of completing the grid and making it display as demanded will definitely study more on grid.

What challenges did you encounter, and how did you overcome them?

Setting the grid to place just as it was expected of us i kept trying and following Kevin Powell instruction which helped me alot.

What specific areas of your project would you like help with?

more documentation on grid and flex

Community feedback

  • Ilay Zeitlin•180
    @Ilay-IlayPosted about 1 month ago

    You did a great job, I actually did rewrite my code based on yours for the grid layout, because it works really well! I tried to make this with Flexbox but it was annoying and rigid.

    The only question is, why you are using em instead of px for media queries? I was thinking using px is the best practice.

    keep up the good work!

    Marked as helpful
    0
    Eziefule Judith•110
    @a2-112Posted about 1 month ago

    @Ilay-Ilay I used em because px stick to it assigned property given and once it no longer on that assigned unit value it tends to become a bit irresponsive but with em it tries to still make other values outside the assigned value to be responsive. Thanks for the feedback I appreciate

    1

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord