Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
4
Comments
4
hopefulobject
@hopefulobject

All solutions

  • Recipe page using lots of rems and flexbox.


    hopefulobject•80
    Submitted 10 months ago

    What is the best way to measure distances on my browser window? This would be helpful as I would be able to compare these distances with the distances in the design file.


    1 comment
  • Social links webpage using CSS Flexbox.


    hopefulobject•80
    Submitted 10 months ago

    How do I use rems and ems if the font-sizes are not nice multiples of each other. Specifically, in the case of this project, they were 24px and 14px, both of which are not nice multiples of 16. And 24 is not a nice multiple of 14. I could use rems and ems but it would look ugly (by ugly I mean if the root font size is 14px, then 24px would be around 1.714rem). Should I still use them in this case? Or is there a better way to go about this issue?


    2 comments
  • Blog preview card solved using vanilla CSS and HTML.


    hopefulobject•80
    Submitted 10 months ago

    Could you please give me tips as to what is an efficient way to center the card on the screen in this specific project?


    2 comments
  • QR code using absolute positioning and vanilla CSS


    hopefulobject•80
    Submitted 10 months ago

    What are the best practices for aligning a div to the center of a webpage?


    1 comment
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

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub