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

Responsive design with basic HTML and CSS

@norman02


Design comparison


SolutionDesign

Solution retrospective


Feedback and comments welcom

Community feedback

@norman02

Posted

Great suggestions, thanks! I struggled with those social icons in Illustrator, I didn't think to use a border that way!

0
Mahesh Yadav 1,220

@Mahesh-yadav

Posted

Hi Great work. But you can improve a few things.

  1. Add shadow to button. use box-shadow property.
  2. Social icons are missing border. You can wrap each social icon in a div container and set its border and border-radius: 50% to make borders rounded.
  3. You have set fixed width for illustration image. Instead you can make it flexible. Your .main container has display flex. so you can use % units. e.g. width: 40% for images and width: 60% for text content
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