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

basic html/css

Rayco21 130

@Rayco21

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?

most proud of being able to solve problems patiently and try out different solutions, which reinforce my knowledge

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

learned how I can use line-height to center text vertically within a div, width: fit-content to make the width of a block level element to take up only as much space as content needs and img by default is an inline element, which will create a whitespace/line break causing it's container has more height and can be solved by setting its display: block

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

not anything particularly, would like to know if there's anything I could do better :D

Community feedback

H.N.S 310

@hns-dev

Posted

Good job completing this challenge, Rayco!

It was interesting to see how we tackled some parts differently.

Here is a hint on how to handle the font size change on different screen sizes without using media queries: clamp(): CSS function

Happy coding!

Marked as helpful

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