Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
3
Comments
3

Velvetgum

@Velvetgumm30 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

  • Social Links


    Velvetgum•30
    Submitted 3 months ago

    Any advice is welcomed! Although I would like to know how everyone else goes about measuring when the image provided for the desktop design is a different size than your computer's screen.

    I find it really disorienting!


    1 comment
  • Blog Preview Card


    Velvetgum•30
    Submitted 3 months ago

    1 comment
  • QR code component


    Velvetgum•30
    Submitted 3 months ago

    1 comment

Latest comments

  • P
    hackz101•90
    @hackz101
    Submitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    I'm most proud of the fact that I knew how to do a good bit of the styling without having to search google for most of it.

    What challenges did you encounter, and how did you overcome them?
    • The card wasn't centering vertically on the page and then I realized that I wasn't giving the grid container any height. I just had to adjust that, and then it fit the center of the screen.

    • Still not 100% sure why, but originally I was using Safari to view my page which was making the site look small, most likely due to my high dpi. It also was making the font sizes look different even after resetting using normalize.css. I ended up switching to just doing it on Chrome.

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

    Is there a way to normalize how dpi is handled on webpages? I was getting a much smaller version of the social profile when viewing via Safari vs Chrome, even after using normalize.css.

    The odd thing is that when viewing the Vercel uploaded site, even viewing on Safari looks normal. It just doesn't look right when I open it via Live Server.

    Responsive Social Links Profile Using HTML & CSS

    1
    Velvetgum•30
    @Velvetgumm
    Posted 3 months ago

    I think the best browser to preview with the live server is firefox! In my case it was chrome the one giving me issues! Like making the fonts appear bolder than intended and having me second guess my code a lot

  • P
    mohammedAdelAv•60
    @mohammedAdelAv
    Submitted 3 months ago

    Blog preview card using HTML & CSS

    1
    Velvetgum•30
    @Velvetgumm
    Posted 3 months ago

    Looks fine by me!

  • Felipe Rossi•110
    @feliperossibr
    Submitted 3 months ago

    Static landing page qr code

    1
    Velvetgum•30
    @Velvetgumm
    Posted 3 months ago

    Try vertically aligning it with padding-block ! That worked for me!

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

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