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 landing page using css grid

@mohamedsaad2006

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?

I have a lot to learn, so I try to repeat and look at other solutions in order to master what I want to learn

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

Dealing and downloading fonts from Google still does not work well

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

Dealing with embedding fonts from Google Know my learning level first hand

Community feedback

@mohamedsaad2006

Posted

thank you very match: but i want learn about mobile size and desktop , please help me thank you again;

0
7A9Oo 80

@7A9Oo

Posted

nice work 1- media queries in your code is range when you resize over 1440px all styles gone, try to design first for mobile or desktop and in your media use max-width:375px

@media (max-width:375px){
    }
}

2- font-weight use 100..900 read README.md 3- use sementic html tags like nav main article section .., it is better fo SEO

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