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

sunil-sharma-999

@sunil-sharma-999405 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

  • Tip Calculator: SCSS, CSS Flex, CSS Grid


    sunil-sharma-999•405
    Submitted over 3 years ago

    0 comments
  • 3 column preview card component solution: SCSS, CSS Grid & Flex


    sunil-sharma-999•405
    Submitted over 3 years ago

    0 comments
  • Time Tracking: React.js, SCSS


    sunil-sharma-999•405
    Submitted almost 4 years ago

    0 comments
  • Order Summary Card Solution: CSS Flexbox


    sunil-sharma-999•405
    Submitted almost 4 years ago

    0 comments
  • Job Listings with filter: SCSS, JavaScript, ReactJS


    sunil-sharma-999•405
    Submitted over 3 years ago

    0 comments
  • To Do: SCSS


    sunil-sharma-999•405
    Submitted almost 4 years ago

    0 comments
View more solutions

Latest comments

  • Wuanma•100
    @wuanm
    Submitted about 3 years ago

    first attempt

    2
    sunil-sharma-999•405
    @sunil-sharma-999
    Posted about 3 years ago

    Your forgot the font styles. Pretty good otherwise ✅

  • Valentine Daniel•180
    @valcruxx
    Submitted over 3 years ago

    Solution for calculator app

    2
    sunil-sharma-999•405
    @sunil-sharma-999
    Posted over 3 years ago

    On calculation try replacing comma with empty string then convert it into a number

  • Valentine Daniel•180
    @valcruxx
    Submitted over 3 years ago

    Solution for calculator app

    2
    sunil-sharma-999•405
    @sunil-sharma-999
    Posted over 3 years ago

    Use toLocalString function

  • Vishal Pal•320
    @vishy312
    Submitted over 3 years ago

    3-column-card using Flexbox

    3
    sunil-sharma-999•405
    @sunil-sharma-999
    Posted over 3 years ago

    You can't use the google font directly like you did. You have to select the font weights which will open "selected family" box on the right side. It will contain <link> links and css import. You can choose any one of them to use the fonts.

    If you use link tag then add it before css file, so it will be available in css file

    Marked as helpful
  • Krishna Bansal•20
    @Krishna-bansall
    Submitted over 3 years ago

    Responsive Landing Page with React, Styled Componenets, Grid, Flexbox

    3
    sunil-sharma-999•405
    @sunil-sharma-999
    Posted over 3 years ago

    I really liked the hover animation!

  • Stefan Kudla•10
    @stefkudla
    Submitted over 3 years ago

    Order Summary Page Using HTML and CSS

    1
    sunil-sharma-999•405
    @sunil-sharma-999
    Posted over 3 years ago

    Great work! I don't know if i can be any help, but what i do for planning is divide the design into component and then think about how i am going to set them up. Also, keeping in mind about responsiveness and the position changes of elements.

    Marked as helpful
View more comments
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

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