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

darnomccode

@dannymccabeWandering30 points

Here to learn and teach

Latest solutions

  • Preview Cards built with Next JS, Tailwind CSS and Typescript

    #next#react#tailwind-css#typescript

    darnomccode•30
    Submitted over 2 years ago

    0 comments
  • Responsive Expense Chart Component - NEXT JS

    #next#react#chart-js

    darnomccode•30
    Submitted almost 3 years ago

    0 comments

Latest comments

  • Emmanuel Boluwatife Janet•40
    @Tifem
    Submitted about 3 years ago

    HTML and CSS

    1
    darnomccode•30
    @dannymccabe
    Posted almost 3 years ago

    Hey, "height: calc(100vh -1px);" calc means calculate. 100vh means the full height of the screen. So on desktop or mobile, the height will always be 100% of the screen. Calculating the height by subtracting 1px will return the size of the screen, minus one pixel. The benefit of this is that CSS will convert 100vh to a pixel value. Pixels are better supported across browsers and vh or vw units can create unexpected issues in some places. Hope that is helpful.

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