@AlwinKishore
Latest solutions
Latest comments
- @pranav1597
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 - @Abdulmojeed58@pranav1597
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 addbackground-blend-mode: overlay;. The overlay will work. Hope it helps, happy coding - @Soyemi88@pranav1597
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
- @Soyemi88@pranav1597
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 :)
