Frontend Mentor | Blog preview card coding challenge solution

Solution retrospective

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

learning how to use local hosting fonts
learning how to use box-shadow and what's every value in box-shadow property refers to

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

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

Community feedback

Lyna• 260

@lynaIFR

Posted 22 days ago

Congrats on completing this challenge, here are things you can improve:

never use px for font-size, instead use rem.
any website is responsive by default, but when we set a value to the width of elements, that responsiveness will be affected, I saw in your code that you gave a value to the width of your elements, if you want for an element to have a proper size, give it a max-width.
you used a flex display, that's good, use all of its properties to organize the space between your elements like gap, don't use padding and margin everywhere, that's bad practice and it will cause problems
in your html try using proper tags other than div, for the card content you could use the article tag for exemple Overall you did a great job, keep going 😁

Marked as helpful

@Fatma-Tawfeek

Posted 22 days ago

@lynaIFR Thanx very much for your feedback, Lyna. I really appreciate it, and I will definitely consider it next time.

Blog preview card