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 solution without using Flexbox or Grid

P
wecax 100

@wecax

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 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 130

@collins-ai

Posted

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
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