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

Responsive blog preview card

P

@Veena-K-Venugopal

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?

I am most proud of focusing on the semantic structure of the HTML. I would probably modify the media queries.

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

Setting up the correct image layout is a bit difficult sometimes. But I believe setting up a separate outer div to enclose the image has been helpful.

Community feedback

@ARiYaNSEp0-0

Posted

@Veena-K-Venugopal good job on this challenge. for author of an article it's better use address tag as it's definition is : "The <address> tag defines the contact information for the author/owner of a document or an article.

The contact information can be an email address, URL, physical address, phone number, social media handle, etc.

The text in the <address> element usually renders in italic, and browsers will always add a line break before and after the <address> element." and also for some time or date it's better use time element

Marked as helpful

0

P

@Veena-K-Venugopal

Posted

@ARiYaNSEp0-0 Thanks for the feedback.

1

@ARiYaNSEp0-0

Posted

@Veena-K-Venugopal You’re Welcome

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