Skip to content
Submitted 7 months ago

Blog Preview Page

Codingreptile81•30
@Codingreptile81
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 have used box model efficiently which gave me some satisfaction.

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

It was difficult to use font-family given package and hence I used my system default font-family for the project. Its my second project so it was difficult to make it responsive

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

Need help to make it responsive.

Community feedback

  • jgambard•340
    @TripouillePosted 7 months ago

    Hi there,

    Great job! About the responsive the main concern lies in the fixed width on mobile size set here:

    .box {
  width: 340px;
}

    Consider setting a range using min() or utilizing media queries to resize the box. Remember, child elements should also scale accordingly with the box.

    Additionally, I suggest using an auto formatter like Prettier, as the current indentation in your .css file makes it a bit difficult to read.

    Hope these tips come in handy for you!

    Marked as helpful
    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