Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Blog Preview Card using SCSS

totorocod 70

@totorocod

Desktop design screenshot for the Blog preview card coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

I'm most proud of how I structured the HTML, separating components into divs and using flex for layout. Next time, I would pay more attention to the details of styling, ensuring that elements like background colors behave as expected.

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

I encountered a challenge with adding background color for the tag, as it covered the whole row instead of just the text. I overcame this by adding width: fit-content; to the .tag class, which constrained the background to the width of the text only.

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

I would like help with refining my CSS skills, particularly in handling background colors and other styling strategies to ensure a polished design.

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

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