Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Get contact card

@mohamed-m-atef

Desktop design screenshot for the Social links profile coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Djamel1133 150

@Djamel1133

Posted

Hi, I'm not an expert, but I noticed a few points that might help improve your code:

Your main div doesn't contain all your elements because you fixed the height at 70%. I suggest removing this height restriction. You can remove the profileimg div and keep only your image with the class img.

For height and width properties, it's preferred to use em or rem units, like this: height: value in rem; width: value in rem; for more details see : Why font-size must NEVER be in pixels.

To get a full page without scrolling, you can set the dimensions of your main div as follows: height: 100vh; width: 100vw; (but not in the body)

You should use .buttonlink:hover instead of .buttonlink:active. Good job and keep it up!

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord