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

Second Front-end Mentor Challenge | Blog Card Preview

@adewalemudasiru

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'm happy I could complete this challenge faster than the first and didn't face any difficult issues. I will try to recreate the same design in react next time.

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

So, I wrapped a span and p tag in a div and used flex with the direction set to a column. After applying a background style to the span, it filled the entire row and I couldn't figure out how to make it fit content until I asked ChatGPT. The solution was to set a width and height but I thought that wouldn't work well forgetting I could have used the "fit-content" property which I later used to solve the problem.

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

I understand everything I learned from doing this challenge and wouldn't make the same mistake again. Hopefully

Community feedback

Joel 160

@JoelJohs

Posted

I don't Know what to say

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