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

vanilla html and css

P
abs8090 60

@abs8090

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 challenges did you encounter, and how did you overcome them?

The parent div container was given a fixed width of 384 initially but the problem was that the image did not have a balance left and right margins, the right one was a bit bigger than the left margin. To solve it, I removed the fixed width but I faced new problem: the content of the p tag continued and did not rap as shown in the figma design. It is not the ideal solution, but I added two br tags to break the paragraph lines.

I would love to hear how to tackle this problem, thanks!

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

how to make the content of the p tag to go to the next line at a certain point to match the figma design.

Community feedback

@aysenurtatli

Posted

nice work

1

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