Skip to content
Submitted 6 months ago

Mobile responsive blog post created using HTML and CSS

Justin Velvez•180
@Takstan
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 challenges did you encounter, and how did you overcome them?

The mobile responsiveness. I've encountered it on my first challenge creating the QR code and it isn't mobile responsive. So, I studied it, and in this challenge the blog post I used it. It's now mobile responsive.

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

Hey guys feel free to check my code. and please be honest about the things that I can improve better. Thanks for checking and helping me to be a better developer.

Community feedback

  • Arnold Limberg•410
    @CreativeLogicPosted 6 months ago

    Hi. Good job. You can add more padding on top for the desktop version to bring it down a bit more, like the design. Also for mobile, what I did was bring the card all the way to the top with Flexbox and use less padding to bring it down again. On mobile, the design calls for the card to be a bit higher up than desktop, so the user doesn't have to scroll as much to see the content.

    Marked as helpful
    0
    Justin Velvez•180
    @TakstanPosted 6 months ago

    @CreativeLogic Thanks for it, sir.

    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