Responsive social links with css flex

Hi andreshinostroza, hope you're doing well! I loved how your project turned out, but I’ve got a few suggestions that could be useful:

To enhance the semantics of your code, consider using a <ul> (unordered list) for the collection of links, as it represents a list of related items. Here's an example:

<ul>
    <li><a href="#">GitHub</a></li>
    <li><a href="#">Frontend Mentor</a></li>
    <li><a href="#">LinkedIn</a></li>
    <li><a href="#">Twitter</a></li>
    <li><a href="#">Instagram</a></li>
</ul>

Using a <ul> provides clear structure and context, signaling to both browsers and assistive technologies that these links are part of a cohesive group, improving both accessibility and readability.

The rest is fantastic.

Hopefully, you'll find it helpful. 👍

Your code is well-structured, but there are several points for improvement:

• Font sizes: Each font size is 1 or 2 pixels larger than the design file.
• Margin: The margin size for the text "London, United Kingdom" is slightly wider than expected.

• h1 and h2 class bg-c: The principal class already applies the same background-color: var(--Gray-800), making this redundant.
• enlace class: The cursor: pointer style is unnecessary since it is the default behavior for anchor (<a>) tags.

I think it could be even better with a little more attention to detail. Keep up the good work!