Skip to content
Submitted 4 months ago

Responsive landing page using css grid

mohmed saad•60
@mohamedsaad2006
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 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

  • mohmed saad•60
    @mohamedsaad2006Posted 4 months ago

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

    0
  • 7A9Oo•80
    @7A9OoPosted 4 months ago

    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

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