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

Socials links card using flexbox

@kinlearn

Desktop design screenshot for the Social links profile coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

I am proud of the fact that I could correctly identify the root cause of unwanted behavior of my code.

What challenges did you encounter, and how did you overcome them?

The attribution div was not fitted properly. I made it disappear by changing it's display property value to none. Also, the main div (i.e. the main card ) was not being centered in the middle of the body. This was because I did not make the height of body element to 100vh.

What specific areas of your project would you like help with?

Flexbox

Community feedback

@MarceloDevd3

Posted

I'll help you with just open this links It's site calls Flexfrog = https://flexboxfroggy.com/#pt-br If you also wants to learn Grid I'll let this one: https://cssgridgarden.com/ You can change the language on this site for your language if you want And this is for your learn how to use variables in Css : https://youtu.be/5wLrz_zUwoU?si=Ftt3vufsK3UMq5iQ

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