Skip to content
Submitted about 2 months ago

Using CSS Grid and Flex

Joseph Goodwin•100
@jcgoodwin86
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Blog preview card
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

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

I didn't need a media query for the card size to make it responsive.

Community feedback

  • Mohneesh Rautela•40
    @MohneeshRautelaPosted about 2 months ago

    Instead of using fixed pixel sizes, you should use rem units to make your typography more responsive and easier to scale across devices. rem is based on the root font size (which is usually 16px by default in browsers). This approach makes it more adaptive to user settings and accessibility needs.

    0
  • Fikerte Tesfaye•210
    @Fikerte-TPosted about 2 months ago

    hi @jcgoodwin86

    Great solution !! 🎉 🎉 Code is well-structured and layout is responsive on a range of screen sizes.

    You can still work on your solution to look similar to the design perhaps by adjusting the height of your card.😊

    Good job and keep going 👏

    0

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