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 simple CSS3

@kristinakasalova

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?

This was fairly simple and straightforward task following the other newbie challenges. I picked it up because I wanted to learn to work with Figma files.

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

Incidentally the biggest issue appeared with the Figma and using the correct values for components in my project. I had the correct setup, then got confused and changed it and couldn't get back to the desired version.

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

I noticed that the image in the mobile version is supposed to be cutout of the overall image, however despite the fact I tried to use object-fit: cover; attribute that was supposed to solve it, it doesn't seem to work. Any suggestions would be appreciated.

Community feedback

P

@medic-code

Posted

Good job, well structured css. Not quite sure what you mean by cutout of the overall image but looks good generally!

Used semantic css, and nice use of fit-content, learned something that was bugging me above scaling imgs.

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