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 | Pure HTML, CSS

Roman 20

@whznot

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 specific areas of your project would you like help with?

  • I'm not sure if my form is centered correctly.
  • form content design (indents between objects, in particular) and the mobile version look messy.
  • I think the hover on the header is not implemented correctly ( besides I think the link tag doesn't suit there).

Community feedback

@Aiswariya3a

Posted

I couldn't find the webpage in preview, My answer is solely based on the code given

  • The webpage lacks the use of semantic HTML, opting instead for div tags with suitable class names.
  • Accessibility is somewhat addressed but could be enhanced further.
  • The design shows some responsiveness due to the implementation of viewport settings.
  • The code structure is commendable, with a separate CSS file for styling.
  • Overall, the design is replicated accurately, although there are minor inconsistencies in padding sizes between elements.
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