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

satyam

@satyamchaudharydevindia115 points

Developer

Latest solutions

  • Interactive Rating Component with React and Firebase

    #firebase#react#motion

    satyam•115
    Submitted over 3 years ago

    0 comments
  • four-card-feature-section made with css grid.


    satyam•115
    Submitted almost 4 years ago

    0 comments
  • Responsive social-proof-section made with css-grid.


    satyam•115
    Submitted almost 4 years ago

    0 comments
  • FAQ card made with css only.


    satyam•115
    Submitted almost 4 years ago

    2 comments
  • profile-card-component with css grid


    satyam•115
    Submitted almost 4 years ago

    0 comments
  • A pod request access landing page made with css grid.


    satyam•115
    Submitted almost 4 years ago

    1 comment
View more solutions

Latest comments

  • Raphael Fernando•30
    @RaphaelFernando
    Submitted almost 4 years ago

    profile-card-component-main Public

    3
    satyam•115
    @satyamchaudharydev
    Posted almost 4 years ago

    Hey, centering any element is not that hard. For center :- use display flex to the parent of element that you want to center and parent must have width and height.

    .your_parent_element{ display: flex; justify-content: center; //horizontally center align-items: center; //vertically center }

  • Ignatius Jovanka•90
    @IgnJov
    Submitted almost 4 years ago

    Created using only VS Code with pure HTML and CSS

    1
    satyam•115
    @satyamchaudharydev
    Posted almost 4 years ago

    Well done, but it needed one change:- when my window size(height) is smaller then card height , it is not looking responsive.

    Marked as helpful
  • hanifNA•520
    @Afrianns
    Submitted about 4 years ago

    Order summary with TailwindCSS

    #accessibility#tailwind-css
    1
    satyam•115
    @satyamchaudharydev
    Posted almost 4 years ago

    Hey it is good, but It is not responsive when window height is less then card's height.

  • Gourav Khurana•20
    @gourav0919
    Submitted almost 4 years ago

    I used CSS Grid To make it

    1
    satyam•115
    @satyamchaudharydev
    Posted almost 4 years ago

    Awesome man.

  • kewinmask3•30
    @eurekaop4
    Submitted almost 4 years ago

    card-component(html-css)

    1
    satyam•115
    @satyamchaudharydev
    Posted almost 4 years ago

    It is good but it needed some changes:- ---> In desktop preview, the width of card is too much.It would be better if you change the width of card. --> add padding to the body. So, that in mobile preview some whitespace will be visible.

    Check this if you didn't get what I'm saying https://satyamchaudharydev.github.io/h100daysofcode/Day2/index.html

  • Danrare•70
    @danrare
    Submitted almost 4 years ago

    Responsive social proof section using css

    1
    satyam•115
    @satyamchaudharydev
    Posted almost 4 years ago

    You did well.

View more comments

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