Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted 6 months ago

Blog Preview Page - Hover CSS

Tbehrends4587•60
@Tbehrends4587
A solution to the Blog preview card challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


What are you most proud of, and what would you do differently next time?

What I learned

I learned how to use box-sizing: border-box. This is something I did not know before and it is a very useful property. I did not know that messing with padding does not count towards the overall width of the box so it is useful to get actual sizes for stuff.

Continued development

I thought I did good with html and css classes but I found myself going back and messing with the names. I think more practice is needed in that regard but I am sure it comes with time. I also thing being able to use less css is a good thing to work on. I do not want to keep repeating myself and adding unnecessary code.

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

Layout is always the hardest, but I understood it more this time. I do not think it still lines up exactly like text sizes, which I do not know why since it's the same size the solution has.

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

If anyone could tell me why it possibly does not line up, that would be nice. I will probably figure it out eventually, though

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Tbehrends4587's solution.

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

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License