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

wey song 130

@teuthix

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?

Putting rem to use since someone mentioned it in the peer review of my last assignment. I hope to understand how to use it better in the next project.

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

I wanted the hover effect where the shadow gets bigger to be smooth and spent some time looking at how to do animation using CSS. Eventually I found a youtube video and realized the solution was transition property.

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

I could not figure out how to get the text to be smaller without media queries but I would like to know!. Additionally, is there a better way for the yellow background around "Learning", I set the width to 4.8rem, but feel like there should be a better way that I can't think of. And lastly, is it possible to have the box with the white background move instead of having the shadow grow?

Community feedback

@satyajoshi24

Posted

Brilliant work, looks great.

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