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

@NullishKoala

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?

It has been my second project from Frontend Mentor, and it has been so much easier to follow external instructions after having completed the first challenge. Again, I am proud that the time I've estimated for this project has matched the time in which I've completed the project. It's really comfortable to work on a design where so many details are provided. I can focus on writing the code instead of creating content.

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

I haven't encounter any problems.

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

I would appreciate advice on how to best structure my CSS file and how to find best id and class names.

Community feedback

P
Koda👹 3,810

@kodan96

Posted

hi there! 👋

For better classnames look up BEM notation (stands for Block Element Modifier), it's one of the most popular naming convections in webdev and it helps you keep your code modular.

Hope that helped 🙏

Good luck and happy coding! 💪

Marked as helpful

2

@NullishKoala

Posted

@kodan96 thank you so much! I will definitely have a look.

1
Azian 50

@dwangsst

Posted

Hello there!

Congrats on completing the challenge! ✅

Your solution looks excellent!

As for this challenge, I think it's pretty simple and you don't have to have many IDs or classes to style an element, use the appropriate semantic tag instead.

Check out this web.dev/learn/html/headings-and-sections

Marked as helpful

1

@NullishKoala

Posted

@dwangsst thanks, that's true for semantic tags, I just tend to think in larger perspective ;)

1

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