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

Ayush Sharma

@ayushsh841Bangalore,Karnataka,India85 points

Asp.Net Developer, learning React and free time gamer.

Latest solutions

  • Resposive design using React JS


    Ayush Sharma•85
    Submitted almost 4 years ago

    2 comments
  • Response Design with HTML and CSS


    Ayush Sharma•85
    Submitted almost 4 years ago

    2 comments
  • Stats Preview Card component Responsive


    Ayush Sharma•85
    Submitted almost 4 years ago

    2 comments

Latest comments

  • Mohammed Rayan sailani•230
    @rayansailani
    Submitted almost 4 years ago

    html css

    3
    Ayush Sharma•85
    @ayushsh841
    Posted almost 4 years ago

    I would suggest using relative units when writing CSS so that they always adjust to the screen space like rem/%.

    Marked as helpful
  • Soe Arkar Htet•245
    @SArkar-Htet
    Submitted almost 4 years ago

    By Using HTML, SCSS

    2
    Ayush Sharma•85
    @ayushsh841
    Posted almost 4 years ago

    Hey Sarkar,

    You could align the content to the centre as on higher resolutions the component sticks to the top. Also would suggest using another div to wrap the contents of main so that it is easy to manage the content.

    Marked as helpful
  • Joel Nwamba•60
    @joel-elyon-nwamba
    Submitted almost 4 years ago

    I only used position relative to align the cards and Flex box

    2
    Ayush Sharma•85
    @ayushsh841
    Posted almost 4 years ago

    Hey Joel, The luxury section is not aligned with the other 2 sections. Also, you could add an empty alt="" to the images, the reason we have it has empty is because they are just icons that necessarily don't provide any extra information. This would resolve some HTML issues. You forgot to add the background colour.

    Marked as helpful
  • Swaraj Nandedkar•20
    @swarajnandedkar
    Submitted almost 4 years ago

    Order Summary Component With HTML and CSS

    2
    Ayush Sharma•85
    @ayushsh841
    Posted almost 4 years ago

    For responsive design check out this channel https://www.youtube.com/channel/UCJZv4d5rbIKd4QHMPkcABCw

    Also start mobile design first so it would then be easy to scale the design to higher resolutions.

  • Ayush Sharma•85
    @ayushsh841
    Submitted almost 4 years ago

    Stats Preview Card component Responsive

    2
    Ayush Sharma•85
    @ayushsh841
    Posted almost 4 years ago

    Hi Shahin,

    Thanks for the feedback, will update the code based on 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