Submitted 6 months ago

Social links profile using HTML and CSS

davistar21•180

@davistar21

A solution to the Social links profile challenge

Preview Code

Solution retrospective

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

This was not my most confident project and I am just grateful I have finished it.

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

A lot! Mostly concerning width and responsiveness.

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

Responsiveness.

Code

Please log in to post a comment

Community feedback

Aakash Verma•9,500

@skyv26

Posted 6 months ago

Hi @davistar21,

💡 I noticed that your card could benefit from some simplification. Instead of using a media query and min-height, I suggest focusing on maintaining consistency in the card's width and making it more visually appealing.

✨ Here's a quick CSS refactor for you:

main {
    max-width: 360px;
    /* min-height: 35rem; */
    background-color: hsl(0, 0%, 12%);
    display: flex;
    flex-direction: column;
    padding: 25px;
    border-radius: 10px;
}

This will help you create a neat, responsive card without extra complexity. Let me know if you need any further assistance! 😊

Marked as helpful

Aakash Verma•9,500
@skyv26
Posted 6 months ago
let me know if you have any doubt regarding removing the min-height

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