Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
19
Comments
6
Manpreet Singh
@Manpreet-01

All solutions

  • insure-landing-page


    Manpreet Singh•190
    Submitted about 1 year ago

    0 comments
  • intro-component-with-signup-form


    Manpreet Singh•190
    Submitted about 1 year ago

    0 comments
  • ping-single-column-coming-soon-page


    Manpreet Singh•190
    Submitted about 1 year ago

    0 comments
  • four-card-feature-section


    Manpreet Singh•190
    Submitted about 1 year ago

    1 comment
  • huddle-landing-page-with-a-single-introductory-section


    Manpreet Singh•190
    Submitted about 1 year ago

    0 comments
  • social-proof-section


    Manpreet Singh•190
    Submitted about 1 year ago

    0 comments
  • single-price-grid-component


    Manpreet Singh•190
    Submitted about 1 year ago

    1 comment
  • 3column-preview-card


    Manpreet Singh•190
    Submitted about 1 year ago

    0 comments
  • results-summary-component


    Manpreet Singh•190
    Submitted about 1 year ago

    0 comments
  • stats-preview-card-component


    Manpreet Singh•190
    Submitted about 1 year ago

    0 comments
  • nft-preview-card-component


    Manpreet Singh•190
    Submitted about 1 year ago

    0 comments
  • profile card component


    Manpreet Singh•190
    Submitted about 1 year ago

    0 comments
  • product preview card


    Manpreet Singh•190
    Submitted about 1 year ago

    1 comment
  • order summary card


    Manpreet Singh•190
    Submitted about 1 year ago

    0 comments
  • recipe page


    Manpreet Singh•190
    Submitted about 1 year ago

    1 comment
  • social links profile


    Manpreet Singh•190
    Submitted about 1 year ago

    2 comments
  • blog preview card


    Manpreet Singh•190
    Submitted about 1 year ago

    1 comment
  • qr code component


    Manpreet Singh•190
    Submitted about 1 year ago

    I'm working on a project where I need to ensure my CSS design closely matches the actual design specifications. I'm particularly struggling with selecting the appropriate font sizes, widths, heights, and color values. I want the design to look pixel-perfect. Here are some specific questions I have:

    1. Font Sizes: What are the best practices for choosing font sizes to ensure text looks consistent and visually appealing? For example, should I use 15px, 16px, or 18px for body text?

    2. Widths and Heights: How do I determine the optimal widths and heights for different elements to ensure the layout matches the design specifications? Are there any standard guidelines or tools I should use?

    3. Color Values: How do I select and apply color values to match the design accurately? Are there any tips for ensuring color consistency across different devices and screens?

    Any advice or recommendations on how to choose and apply these values to achieve a pixel-perfect design would be greatly appreciated!


    2 comments

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

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

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