Skip to content
Submitted about 1 month ago

Social Links Profile solution without using Flexbox or Grid

wecax•140
@wecax
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?

Made it using the default CSS Flow Layout

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

Making the page responsive was the most challenging thing in this exercise, it turns out the problem arose because I gave a fixed width to my container without including max-width to make it responsive

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

Responsive website

Community feedback

  • collins-ai•230
    @collins-aiPosted about 1 month ago

    Great work on your design outlook. I believe you got the correct design details from figma. Semantic html elements are absent in your code, instead of using much divs try using semantic elements like header, section and footer. Concerning responsiveness, media query is the best solution i can suggest to you. Look up media query from "w3schools.com" under their css tutorial and you'll be good to go. Your solution looks almost exactly like the original design nice work.

    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