Skip to content
Submitted 4 months ago

Blog Preview Card

Kyle•110
@kylecreate
A solution to the Blog preview card challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

I'm proud of how it looks and how I worked on the project.

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

None~

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

Any feedback is welcome to make this better! I'm always looking to improve my skills.

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • Daniel Oliveira•120
    @spalqui

    I like the way you've structured your HTML content, the only improvement I would suggest is to try to use more semantic tags which help search engines understand your content better. For example, wrap your page content in a main tag and use article for the blog card as it better describes its content.

    Your CSS is clean and I like how you use CSS variables for values that are shared across the projects such as colours, fonts, and sizings. One thing I would suggest would be to group all your selector rules in one instead of grouping it by let's say Typography and Layout. This is a better practice and you'll often see it in code bases as it makes it easier to identify all the styles for that particular selector instead of navigating up and down the CSS stylesheet.

    Marked as helpful

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