Submitted about 2 months ago

Social links profile using HTML and CSS

davistar21•110

@davistar21

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?

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.

Community feedback

Aakash Verma•9,520

@skyv26Posted about 2 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

davistar21•110

@davistar21Posted about 2 months ago

@skyv26 Thanks again bro!

Aakash Verma•9,520
@skyv26Posted about 2 months ago
let me know if you have any doubt regarding removing the min-height
0

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