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

Sarang-Patel

@Sarang-Patel190 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

  • Bento Box grid areas solution


    Sarang-Patel•190
    Submitted 6 months ago

    0 comments
  • Blog preview card


    Sarang-Patel•190
    Submitted over 1 year ago

    0 comments
  • Responsive product card


    Sarang-Patel•190
    Submitted over 2 years ago

    0 comments
  • Order Summary Component


    Sarang-Patel•190
    Submitted over 3 years ago

    1 comment
  • NFT preview card component


    Sarang-Patel•190
    Submitted over 3 years ago

    1 comment
  • QR Code Component Done using HTML and CSS


    Sarang-Patel•190
    Submitted over 3 years ago

    2 comments

Latest comments

  • Elisabeth Martin•200
    @Luxeli0004
    Submitted over 3 years ago

    QR code component

    1
    Sarang-Patel•190
    @Sarang-Patel
    Posted over 3 years ago

    Congracts on your solution.

    To git rid of the accessibility issues:

    1.) contain all ur contents of body tag inside main tag. 2.) use atleast one h1 tag.

    hope this helps.

    Marked as helpful
  • Anh•90
    @Taro2211
    Submitted over 3 years ago

    NFT preview card component main using HTML, CSS

    1
    Sarang-Patel•190
    @Sarang-Patel
    Posted over 3 years ago

    Congratulations on your solution.

    Just a tip.

    The "Equilibrium #3429" part has hover effect even outside the content. To fix that set its width to fit-content in css.

    Hope it helps.

    Marked as helpful
  • Boris•110
    @borakb
    Submitted over 3 years ago

    Desktop-First HTML & CSS solution using CSS Flexbox

    3
    Sarang-Patel•190
    @Sarang-Patel
    Posted over 3 years ago

    Congratulations on your solution.

    Just a few things to note:

    1. The "Equilibrium #3429" has hover effect even outside the content. To fix that set its width to fit content in css.
    2. Use alt attribute for images.
    3. Contain all the code in body tag in main tag.
    4. Use One h1 tag.

    points 2,3,4 will help in removing accessibility issues.

    Hope this helps.

    Marked as helpful
  • NIHAR SAXENA•50
    @NiharSaxena
    Submitted over 3 years ago

    Preview Card

    3
    Sarang-Patel•190
    @Sarang-Patel
    Posted over 3 years ago

    Congratulations, on getting the solution.

    Just a few things to note:

    1. add all elements in the body in a main tag
    2. use atleast one h1 tag.
    3. use :hover in css to get the hover effects of changing color.

    points 1 & 2 will help remove accessibility issues.

    Hope this helps.

  • Win Min Aung•140
    @wminaung
    Submitted over 3 years ago

    QR code component

    #bootstrap
    1
    Sarang-Patel•190
    @Sarang-Patel
    Posted over 3 years ago

    Awesome work. You got the design very nice.

    Just a few things.

    1. Font for main text is not same
    2. center the text using text-align
    3. add all elements in the body in a main tag
    4. use atleast one h1 tag points 3 and 4 will help remove accessibility issues.

    Hope this helps.

    Marked as helpful
  • Newton Ombese•180
    @nejidevelops
    Submitted over 3 years ago
    What are you most proud of, and what would you do differently next time?

    I'll go for a Javascript Framework to with it rather than basic HTML and CSS

    What challenges did you encounter, and how did you overcome them?

    N/A

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

    Currently on this challenge not applicable

    QR CODE COMPONENT

    1
    Sarang-Patel•190
    @Sarang-Patel
    Posted over 3 years ago

    Congratulations on getting the design so accurate.

    Just one thing, use font weights given in the style guide. And contain your code in main tag, and have one h1 tag to get rid of the ACCESSIBILITY ISSUES.

    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