Blog Preview Card using SCSS

Solution retrospective
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.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @bulhakovolexii
Unfortunately, the link to the codebase and the preview are not working.
Moreover, when comparing the screenshots with the reference, some discrepancies with the design are evident. Specifically, the height differs, most likely due to the footer affecting the card’s alignment.
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