Social-links-profile using div as blocks

@zbuli-t Hi there. Congrats for solving the challenge!

I want to give you some suggestions related to the profile container to improve your code...

I guess you want to center your container. For that reason you setted .outer_layer {margin: 30%}. But that is so much margin and, in this case it's not the idea.

Instead of that use a fixed width like:

.outer_layer {
        width: 100% /* for mobile devices */
	max-width: 300px; /* for larger screens */
}

and then...

.outer_layer {
	margin: 0 auto;
}

Also, add a padding to .outer_layer instead of the image:

.outer_layer {
	padding: 32px;
}

You can add a padding to the body too:

body {
	padding: 64px 32px;
}

I hope this helps you. Happy coding!

Thank you so much for your suggestions! I've been struggling for the margin and the padding a lot. It's so kind of you to give me valuable advice. thank you