Skip to content
Submitted 7 days ago

Social links

hkaur108•100
@hkaur108
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 glad that I was able to complete the challenge within an hour. I used HTML5 and CSS3 to accomplish the task.

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

I was trying to decrease the font size of the location and description but it was not working, I tried using both ems and rems but nothing seems to work. Any type of feedback is welcome.

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

I was trying to decrease the font size of the location and description but it was not working, I tried using both ems and rems but nothing seems to work. Any type of feedback is welcome.

Community feedback

  • Gillian Oliveira•80
    @lia-oliveiraPosted 7 days ago

    You are on the right track. You managed to structure your solution very similarly to the original. Congratulations! Since you showed interest in receiving feedback on this project, I would like to contribute. 😊

    You're unable to increase the font size because of the media query rules. The font-size from your media queries is overriding the original size. You can confirm this using the browser's inspector tool. If you're using Google Chrome, the shortcut is CTRL + SHIFT + I on Windows. Try using CSS Flexbox or CSS Grid to position the elements. It will make your work much easier.

    There are two ways of applying CSS in your index. One is inside the

    Marked as helpful
    0

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