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

Blog Review Card

Nitr0Skay•100
@Nitr0Skay
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?

I' happy with the result I've got and I'm glad that I finished this challenge.

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

The Most challenging part was the Media Querry part, especially when I had to round the image corners from the right side (336 pixels width image was too wide and it had to be cut). Also calculating the REM values to get exactly pixel sizes (I don't know if I take a correct approach). If there's any room to improve, please feel free to tell me that. It would be nice :)

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

Did I used rem units correctly ? Did Media Queries are all correct ? In my opinion my Card Component looks exactly as it should, but maybe I missing something ?

Also why the Github Pages doesn't support the Absolute file paaths ?

Over that I am still wondering if the div wrappers/containers are necessary for elements like card components or other containers.

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 Nitr0Skay'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
Frontend Mentor logo

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