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

Aviral Sharma

@avirals1480 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

  • Recipe Page using HTML & CSS


    Aviral Sharma•80
    Submitted 7 months ago

    1 comment
  • Social Links Profile using HTML & CSS


    Aviral Sharma•80
    Submitted 7 months ago

    1 comment
  • Blog card made using HTML & CSS only


    Aviral Sharma•80
    Submitted 7 months ago

    1 comment
  • QR Code Component using HTML & CSS


    Aviral Sharma•80
    Submitted over 1 year ago

    1 comment

Latest comments

  • nicowashere•250
    @devdrivenai
    Submitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    My attention to detail, which kept me learning about quirks, and my curiosity, which kept me testing and exploring different things.

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

    My main challenge on this one was the quirks behind the list and table layouts (especially the former). While the tables was not that difficult to get to where I wanted it to be, the lists made things a little bit more interesting, with things like vertically aligning the markers and such, which gave a lot of opportunity for learning. I leave here some valuable resources that taught me a lot on this:

    • CSS Tricks article
    • Web Dev article

    Also, it took me a while to find the right compromise with the header going from 100% to the same width of the main content in larger screens.

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

    Any and all type of constructive feedback is greatly appreciated. One specific example, though, where I would like advice is on my compromise with and when they go from small screen to larger. Is there a more convenient or "better practice" approach to this? I'd appreciate advice. Thanks!

    Recipe Page (HTML & CSS)

    1
    Aviral Sharma•80
    @avirals14
    Posted 7 months ago

    just need to decrease the font-weight of headings, otherwise it's excellent. Great Work!

    Marked as helpful
  • jloww•80
    @lauraine93
    Submitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    i'm proud of the time that i took to make this

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

    my biggest challenge was to set the right size of items

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

    i couldn't set the space needed by the "front end developer ..." paragraph

    To complete this challenge,i use html/css

    1
    Aviral Sharma•80
    @avirals14
    Posted 7 months ago

    Align the profile container to center of page.

  • santiagocamposenr•50
    @santiagocamposenr
    Submitted 7 months ago

    BLOG-PREVIEW-CARD

    2
    Aviral Sharma•80
    @avirals14
    Posted 7 months ago

    Make the svg's border round and also give background color to "Learning"

    Marked as helpful
  • P
    Trần Thành Danh•1,500
    @TranDanh1122
    Submitted 7 months ago
    What challenges did you encounter, and how did you overcome them?

    Took me 1 hour, need help to code more clean and better

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

    Code more clear, and better solution

    QR scan code

    1
    Aviral Sharma•80
    @avirals14
    Posted 7 months ago

    Thanks for help!

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