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

Atharva Shandilya

@Atharva-ShandilyaIndia160 points

Started learning Web Development few months ago, and never looked back ever since. Enthusiastic to learn Computer related skills.

Latest solutions

  • Social Proof Selection Using BEM and vanilla CSS


    Atharva Shandilya•160
    Submitted about 4 years ago

    0 comments
  • Mobile first using BEM and Vanilla CSS


    Atharva Shandilya•160
    Submitted about 4 years ago

    1 comment
  • Huddle landing page(Vanilla CSS and HTML)


    Atharva Shandilya•160
    Submitted about 4 years ago

    0 comments
  • Single price grid component


    Atharva Shandilya•160
    Submitted about 4 years ago

    1 comment
  • profile card component


    Atharva Shandilya•160
    Submitted about 4 years ago

    0 comments
  • 3 column preview card


    Atharva Shandilya•160
    Submitted about 4 years ago

    0 comments
View more solutions

Latest comments

  • SANIDDHYA DUBEY•30
    @MOUGALI-CODE
    Submitted about 4 years ago

    I don't know how to make responsive websites. Still learning!

    1
    Atharva Shandilya•160
    @Atharva-Shandilya
    Posted about 4 years ago

    If you would like me to teach you basics of html and css, I am happy to do so.

  • Faris P•2,810
    @FarisPalayi
    Submitted about 4 years ago

    NO flexbox NO CSS Grid, And Compatible with IE10 and IE11.

    3
    Atharva Shandilya•160
    @Atharva-Shandilya
    Posted about 4 years ago

    I too discovered it from snooping around in someone else code :D

  • Alex•310
    @AlexGanderton
    Submitted over 4 years ago

    One small problem.

    2
    Atharva Shandilya•160
    @Atharva-Shandilya
    Posted over 4 years ago

    You can create a triangle purely using css. I think you can use something like this.

    width: 0px;

    height: 0px;

    border-left: 100px solid transparent;

    border-right: 100px solid transparent;

    border-bottom: 150px solid white;

    You can adjust the size of the triangle by changing the border-width.

  • Uthman•280
    @Ola-web
    Submitted over 4 years ago

    Fylo Landing page done using vanillajs, html, css and BEM

    1
    Atharva Shandilya•160
    @Atharva-Shandilya
    Posted over 4 years ago

    Increase the font size for heading elements. You haven't applied the specified font colors. You can see a white line just above 'Stay productive wherever you are'. Excluding these, I think its almost perfect.

  • Priyanshu•40
    @priyanshu769
    Submitted over 4 years ago

    FAQ Accordian Card Using HTML CSS & JS

    1
    Atharva Shandilya•160
    @Atharva-Shandilya
    Posted over 4 years ago

    Here are some suggestions, hope you like it : -

    1. Use 'margin: 145px 0px;' to vertically center your .page on your viewport.
    2. Avoid using position relative to position your elements. Instead use absolute for positioning. It will be easy for you to make your webpage responsive later.
    3. Reduce the size of card-bg-img.
    4. You didn't use the specified font colors in your build, So i would suggest you use that to make it look clean.
    5. You specified 'overflow: hidden;' but it seems that it is not working. So look into it.
    6. Use 'outline: none;' to hide the outline around the arrow button, when you click it.
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