Submitted about 1 month ago

Social Links Profile card using HTML and CSS

Kaveesha•40

@kaveeshagim

Preview site View code

This is a solution for...Social links profile

HTML
CSS

1newbie

Design comparison

SolutionDesign

Solution retrospective

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

I'm mostly proud of how quickly i was able to create the html skeleton and finish the project by adding styles even without the help of the figma file. Definitely an improvement from the past projects

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

i was struggling a bit with centering the main container and applying a max width

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

I would like to know how well i did in overall considering the fact that there was no figma file and i had to eye ball most of the measurements.

Community feedback

M Asim Saeed•270

@asimsaeed353Posted about 1 month ago

Great design and very clean and simple code. To center the main container, you can use

      body{
           display : grid;
           place-items : center;
           min-height : 100vh;
      }

And you did an amazing job. Keep up the good work!

Kaveesha•40

@kaveeshagimPosted about 1 month ago

@asimsaeed353 thanks so much!

Please log in to post a comment

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