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

@rodrigoo-alves

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?

  • Try to be a little bit more carefull when styling the components

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

  • It was hard to get all the content right
  • I had problems styling all the content

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

  • Help on the styling if theres is ways to improve

Community feedback

@stephany247

Posted

Excellent job! You're demonstrating impressive skills here. Your use of semantic HTML is highly commendable. I have just a few small suggestions that could help make this even better...

  • One area to consider is the line-height; using a percentage 150% can sometimes lead to inconsistent results. Using a unit like em or rem might provide more predictable outcomes.

  • To make your code cleaner and more maintainable, try to avoid repetition. For example, I noticed that the attribution class styles were defined in both your internal and external CSS. Keeping styles DRY (Don’t Repeat Yourself) can help reduce file size and complexity. Additionally, look for opportunities to consolidate repetitive styles. This will make your stylesheet easier to read and manage.

I hope you find this feedback helpful! Keep honing your skills and embracing new challenges with confidence. You're making fantastic strides—stay motivated and continue coding with passion! 💻

Marked as helpful

0

@korizst

Posted

It looks like a good solution. Just a question. You have CSS rules in two separate files (reset.css, style.css) and in HTML. Why didn't you put them in one file?

0

@rodrigoo-alves

Posted

@korizst i kinda learned this way and helps other people who dont understand whats happening on the code

0

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