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

@Priyanshu-Prime

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 made the page very quickly in under 15 mins.

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

I encountered some problems with positioning of the various elements.

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

I want to learn more about the control over positioning of various elements on the page.

Community feedback

@soniaabdulkareem

Posted

your HTML is good, for future purposes instead of trying to use position you could use flexbox like this: display: flex; justify-content: center; align-items: center;. flex-direction: column will center your whole page in column preventing those write up from going on top of your blog-card

Marked as helpful

0

@Priyanshu-Prime

Posted

Thanks a lot for the suggestion@soniaabdulkareem

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