Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
10
Comments
968
Naveen Gumaste
@NaveenGumaste

All comments

  • Someshwari rudra•150
    @someshwari-rudra
    Submitted over 3 years ago

    NFT preview card component

    #accessibility
    3
    Naveen Gumaste•10,420
    @NaveenGumaste
    Posted over 3 years ago

    Hello Someshwari rudra ! Congo 👏 on completing this challenge

    Let's look at some of your issues, shall we:

    • Check my article on accessibility issues

    • Always use h1 first and then h2, h3 and so on

    • Headings should only increase by one use h1 first then h2 etc..

    If you use vs code the check this article

    happy Coding😀

  • Nitesh Singh•40
    @niteshh-s
    Submitted over 3 years ago

    NFT preview challenge using HTML and CSS

    3
    Naveen Gumaste•10,420
    @NaveenGumaste
    Posted over 3 years ago

    Hello Nitesh Singh ! Congo 👏 on completing this challenge

    Let's look at some of your issues, shall we:

    • Check my article on accessibility issues

    • Always use h1 first and then h2, h3 and so on

    • Headings should only increase by one use h1 first then h2 etc..

    • Warp your card content around the main tag Ex: 👇

    <body>
    <main class="container">
    *all you content here*
    </main>
    </body>
    

    If you use vs code the check this article

    happy Coding😀

    Marked as helpful
  • Hako•110
    @ilhanhakan-koc
    Submitted over 3 years ago

    Responsive Fylo Data Storage Component

    2
    Naveen Gumaste•10,420
    @NaveenGumaste
    Posted over 3 years ago

    Hay ! Hako Good Job on challenge

    • Always use h1 first and then h2, h3 and so on

    • Headings should only increase by one use h1 first then h2 etc..

    If you use vs code then check this article

    Keep up the good work!

    Marked as helpful
  • Yaser47•260
    @Yaser47
    Submitted over 3 years ago

    Using CSS Grid

    2
    Naveen Gumaste•10,420
    @NaveenGumaste
    Posted over 3 years ago

    Hello Yaser47 ! Congo 👏 on completing this challenge

    Let's look at some of your issues, shall we:

    • Always use h1 first and then h2, h3 and so on

    • Headings should only increase by one use h1 first then h2 etc..

    happy Coding😀

    Marked as helpful
  • Nebil Nejmudin•230
    @Nebil-Nej
    Submitted over 3 years ago

    Order Summary Card

    2
    Naveen Gumaste•10,420
    @NaveenGumaste
    Posted over 3 years ago

    Hello Nebil Nejmudin ! Congo 👏 on completing this challenge

    Let's look at some of your issues, shall we:

    • Payment button text is just white color.

    • annual plan bg color is given in the style-guide.md

    happy Coding😀

  • Roshan K.C•150
    @roshankcpkr
    Submitted over 3 years ago

    Social proof section challenge hub

    1
    Naveen Gumaste•10,420
    @NaveenGumaste
    Posted over 3 years ago

    Hello Roshan K.C ! Congo 👏 on completing this challenge

    Let's look at some of your issues, shall we:

    • Add Main tag after body <main class="container"></main>

    • Always use the "alt attribute" and write what img is , and if the img is for decorative then leave it empty but always add it with alt.

    happy Coding😀

  • SINUT WATTANRPORN•200
    @Blue-Cheesecake
    Submitted over 3 years ago

    Single price grid with pure HTML and CSS

    3
    Naveen Gumaste•10,420
    @NaveenGumaste
    Posted over 3 years ago

    Hello SINUT WATTANRPORN ! Congo 👏 on completing this challenge

    Let's look at some of your issues, shall we:

    • Add Main tag after body <main class="container"></main>

    • The background color is given in style-guide.md

    • Why us section color is too much light and i know it was not given in style-guide so use color-zilla chrome extension. and you will get the color

    • This is color i used for my solution --light-cyan: hsl(179, 45%, 52%); check my solution here if needed

    happy Coding😀

    Marked as helpful
  • Nasim•20
    @nasimabhari
    Submitted over 3 years ago

    HTML and CSS

    3
    Naveen Gumaste•10,420
    @NaveenGumaste
    Posted over 3 years ago

    Hello Nasim Abhari ! Congo 👏 on completing this challenge

    Let's look at some of your issues, shall we:

    • Always use h1 first and then h2, h3 and so on

    • Learn more on accessibility issues

    happy Coding😀

    Marked as helpful
  • Ciceron•940
    @MarcusTuliusCiceron
    Submitted over 3 years ago

    Reusable QR code card

    3
    Naveen Gumaste•10,420
    @NaveenGumaste
    Posted over 3 years ago

    Hello Ciceron ! Congo 👏 on completing this challenge

    Let's look at some of your issues, shall we:

    • Add Main tag after body <main class="container"></main>

    • Learn more on accessibility issues

    happy Coding😀

  • a coffee mug•60
    @eeffoCdecI
    Submitted over 3 years ago

    Order summary component

    2
    Naveen Gumaste•10,420
    @NaveenGumaste
    Posted over 3 years ago

    Hello a coffee mug ! Congo 👏 on completing this challenge

    Let's look at some of your issues, shall we:

    • Backgound img should be added 'Css'

    • Add Main tag after body <main class="container"></main>.

    • Always use h1 first and then h2, h3 and so on.

    happy Coding😀

    Marked as helpful
  • Nuel•70
    @nuelobeto
    Submitted over 3 years ago

    stats preview card component built with HTML, Sass and Flexbox.

    #sass/scss
    1
    Naveen Gumaste•10,420
    @NaveenGumaste
    Posted over 3 years ago

    Hello Nuel ! Congo 👏 on completing this challenge

    Let's look at some of your issues, shall we:

    • Always use h1 first and then h2, h3 and so on

    • Add Main tag after body <main class="container"></main>

    • Consider using h2-h6 elements to add identifying headings to all sections.

    happy Coding😀

  • Saikiran Rudra•20
    @SAIKIRAN3670
    Submitted over 3 years ago

    QR Card Component

    #accessibility
    1
    Naveen Gumaste•10,420
    @NaveenGumaste
    Posted over 3 years ago

    Hello Saikiran Rudra ! Congo 👏 on completing this challenge

    Let's look at some of your issues, shall we:

    • Add Main tag after body <main class="container"></main>

    • Always use h1 first and then h2, h3 and so on

    • Headings should only increase by one use h1 first then h2 etc..

    happy Coding😀

  • airaciv•60
    @airaciv
    Submitted over 3 years ago

    NFT preview card using HTML and CSS

    4
    Naveen Gumaste•10,420
    @NaveenGumaste
    Posted over 3 years ago

    Hello airaciv ! Congo 👏 on completing this challenge

    Let's look at some of your issues, shall we:

    • Add the font-weight to the "Eth" 0.41.

    happy Coding😀

    Marked as helpful
  • a coffee mug•60
    @eeffoCdecI
    Submitted over 3 years ago

    QR code component

    3
    Naveen Gumaste•10,420
    @NaveenGumaste
    Posted over 3 years ago

    Hello a coffee mug ! Congo 👏 on completing this challenge

    Let's look at some of your issues, shall we:

    • Always use h1 first and then h2, h3 and so on

    • Headings should only increase by one use h1 first then h2 etc..

    • Add Main tag after body <main class="container"></main>

    happy Coding😀

    Marked as helpful
  • Kamrul Hassan•100
    @khshakib
    Submitted over 3 years ago

    3-column-preview-card-component-main (responsive)

    2
    Naveen Gumaste•10,420
    @NaveenGumaste
    Posted over 3 years ago

    Hello Kamrul Hassan ! Congo 👏 on completing this challenge

    Let's look at some of your issues, shall we:

    • Add Main tag after body <main class="container"></main>

    • you cannot use "1000px" as you did screen and (max-device-width: 1000px)

    happy Coding😀

  • ibrahim•55
    @ibrahimano
    Submitted over 3 years ago

    four card feature section master

    2
    Naveen Gumaste•10,420
    @NaveenGumaste
    Posted over 3 years ago

    Hello ibrahim ! Congo 👏 on completing this challenge

    Let's look at some of your issues, shall we:

    • Add Main tag after body <main class="container"></main>

    • To center the card vertically

    min-height: 100vh;
    display: flex;
    justify-content: center
    align-item: center;
    
    • Always use h1 first and then h2, h3 and so on

    • Headings should only increase by one use h1 first then h2 etc..

    • Consider using h2-h6 elements to add identifying headings to all sections.

    • Always use the "alt attribute" and write what img is , and if the img is for decorative then leave it empty but always add it with alt.

    happy Coding😀

    Marked as helpful
  • Mahmoud Attiyah•50
    @M-Attiyah
    Submitted over 3 years ago

    stats preview card, using flexbox and media query

    2
    Naveen Gumaste•10,420
    @NaveenGumaste
    Posted over 3 years ago

    Hello Mahmoud Attiyah ! Congo 👏 on completing this challenge

    Let's look at some of your issues, shall we:

    • You have used wrong font-style for the bottom numbers.

    • add img overlay as given in style-guide.md and opacity.

    happy Coding😀

    Marked as helpful
  • David Yu•50
    @boostbm
    Submitted over 3 years ago

    Order Summary Component

    2
    Naveen Gumaste•10,420
    @NaveenGumaste
    Posted over 3 years ago

    Hello David Yu ! Congo 👏 on completing this challenge

    Let's look at some of your issues, shall we:

    • add shadow to the button and the shadow color is same as the button's

    happy Coding😀

    Marked as 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

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

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