@NatteeN
What are you most proud of, and what would you do differently next time?
Finish the project. And growing in progress.
What challenges did you encounter, and how did you overcome them?It was fun to do a front-end project
Latest solutions
Blog Preview Card using HTML & CSS
Submitted 10 months agoAny feedback would be appreciated; I would love to hear other's feedback on how I structure my HTML and name my classes. Also in terms of my CSS, I'm sure that what I have is unnecessarily bloated.
Latest comments
- @BaileyJaydon
Great work! Your final result is almost perfectly identical to the example. I would suggest looking at adding some margin instructions to the card, as it takes up 100% of the width when you get to ~375px in width, hiding the yellow body behind.
- @hamody-74@BaileyJaydon
This is good, looks just like the example!
A few bits of advice:
-
The alt attribute for your image should be more descriptive for accessibility purposes. Instead of alt="", it could be something like alt="QR code leading to Frontend Mentor site" to better describe the image. This will help people using screen readers.
-
The <h3> tag in your HTML structure should be <h2> to be consistent with the CSS targeting, or the other way around (the h2 in the css should be h3).
Marked as helpful -
