Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Social links profile

@YaniChaves

Desktop design screenshot for the Social links profile coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

hello! This was my first time trying to use rem and also media queries so i would really appreciate any feedback about that or anything else you guys think i should look into next time :)

Community feedback

MikDra1 6,050

@MikDra1

Posted

  • Consolidating Font-Face Declarations: Combine all @font-face rules into one using multiple font-weight values to reduce repetition.

  • Creating Reusable Classes: Extract common properties like margins, letter-spacing, and font sizes into reusable CSS classes.

  • Using CSS Variables: Define colors, font sizes, and spacing as CSS variables for consistency and easier maintenance.

  • Optimizing Media Queries: Use fluid typography with clamp() and simplify breakpoints to enhance responsiveness.

  • Improving Layout: Consider using Flexbox or a full CSS Grid approach in the body for more reliable cross-browser layout behavior.

Marked as helpful

0

@YaniChaves

Posted

@MikDra1 thank you so much for all the tips! I will consider them in my next challenge :)

0
Greg David 420

@neena-coder

Posted

So instead out commenting out your attribute section, why not copy your profile link and replace with the href attribute. This section below... Good job overall

<!--<div class="attribution"> Challenge by <a href="https://www.frontendmentor.io?ref=challenge" target="_blank">Frontend Mentor</a>. Coded by <a href="#">Your Name Here</a>. </div>-->
0

Please log in to post a comment

Log in with GitHub
Discord logo

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