Skip to content
OverviewSolutions
22
Comments
4
Pranav
@pranav1597

All comments

  • Pranav•500
    @pranav1597Posted 9 months ago

    Just remove the heights in .social-card like min-height,max-height, height. Add padding 2.3em,1.5em in .social-card and add margin in <main> 20px auto. It will look better.

    Marked as helpful
    1
  • Pranav•500
    @pranav1597Posted over 2 years ago

    Good work. I think you need to change the background image when you hover over the pic, the pic is not clear. add background: url(images/image-equilibrium.jpg), url(images/icon-view.svg), rgba(62, 255, 207, 0.2) (color can be anything you like) ; to the image:hover and also add background-blend-mode: overlay;. The overlay will work. Hope it helps, happy coding

    0
  • Pranav•500
    @pranav1597Posted over 2 years ago

    Add media query for mobile for example @media (max-width : 600px) { } In between curly braces you can change the style or width/height of the element just like you normally do for the desktop. To know more: https://www.w3schools.com/css/css_rwd_mediaqueries.asp

    0
  • Pranav•500
    @pranav1597Posted over 2 years ago

    Just a suggestion, make the paragraph just below the profile pic a little less font size and make it bold. It would be better if you add font-family according to the design and also make it mobile responsive, other than that it's good. Keep it up and Happy coding :)

    0