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
Request failed with status code 502
Not Found
Not Found
Not Found

Submitted

Blog preview card

Whythree 90

@Whythree

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?

Using variables and adding transitions

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

Having the body size shrink on smaller screens. Using clamp solved that problem

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

I`d like to know how to use clamp effectivle especially the values in the middle. How do you decide upon them?

Community feedback

Darkstar 1,000

@DarkstarXDD

Posted

  • The content should be wrapped in a <main>. It's a landmark element. check this
  • The attribution should go inside a <footer> element, outside of the <main>.
  • As for the clamp, i give the minimum and the maximum value, then i simply play around with the middle value inside dev tools. I actually don't have a better explanation than that.

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