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 Using HTML and CSS

@arnoldpam11

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 figured out how to use display: flex in CSS, and it is very useful for making content more responsive. Next time, I would try to create more projects like this on my own, rather than following or watching tutorials on YouTube. This approach will help me grow and improve my skills.

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

I'm having a hard time making my content sizes similar to the original, but some parts are the same size. I overcame this with the help of resources like Google and YouTube.

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

I want to learn more about using Flexbox and Grid in CSS, but I'm having a hard time understanding how to do this. My question is: how can I make my content more responsive and visually appealing with CSS?

Community feedback

akorir08y 110

@akorir08y

Posted

Centering the Card. Using position absolute. with a top of 50% and left of 50%. Reduction of the height to house the essentials

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