Skip to content
Submitted 6 months ago

Social links profile main using CSS flexbox

Riska997•110
@Riska997
Preview site (opens in new tab)View code (opens in new tab)
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 am proud to have completed this project. Next time, I would like to use CSS Grid and explore float properties.

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

The challenge I encountered was incorrectly referring the parent elements to each child element. I overcame this by carefully reviewing the HTML structure and ensuring each parent-child relationship was properly defined.

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

Flexbox and Grid Layouts

  • While I used Flexbox for the layout, I am interested in understanding how I could have implemented CSS Grid for the same purpose.

  • Can someone provide a comparison or example of how to convert my Flexbox layout to a Grid layout?

Best Practices

  • Any advice on best practices for organizing and structuring my HTML and CSS files would be helpful.

  • For example, should I separate certain styles into different files or use specific naming conventions?

Any other feedback is welcome!

Community feedback

  • Senjuti Saha•120
    @shuamaminePosted 6 months ago

    Hey! good job on making this site

    I would like to give some feedback of my own so it can help you improve---

    1. for class intro, you can

       .intro
 {
    display: flex;
    flex-direction: column;
     justify-content: center;
    align-items: center;
  }

    2. font-weight for buttons can be made 600 to stick as close to the design as possible

    3. increase padding for container class

    Happy Coding!

    Marked as helpful
    1

Please log in to post a comment

Log in with GitHub

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