Skip to content
Submitted almost 2 years ago

Responsive Landing Page Using CSS Grid

DayaA•100
@Aishaakin
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...News homepage
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

  1. I don't know the media query property, can someone please give me a resource on it.
  2. I am having a hard time understanding grid property this is the third time i am posting this submit solution again. Can someone please give me an answer on how to do about it or direct resource on it.
  3. i don't know how to take screenshot from google of my project, i don't like firefox screenshot, it very quite different from google.

Community feedback

  • Mishael•320
    @mishael-codesPosted almost 2 years ago

    Hello Aishaakin👋

    For resources on CSS media queries, you can checkout w3schools and/or MDN

    For grid layout, you can take this free course by freeCodeCamp.

    For screenshots, you can use this chrome extension

    Additional tips

    The <html> tag should have a language attribute. It should look like this <html lang="en">. This lets the browser know that your site's is in english and it also helps screen readers to pronounce words correctly.

    You can take a free responsive web design course on freeCodeCamp

    Another thing you can do is to use sematic HTML elements like the <main> tag, <footer> tag, <section> tag, and so on. You can read about them here

    Keep on building, You are doing great👏👏

    0
    DayaA•100
    @AishaakinPosted almost 2 years ago

    @mishael-codes Thanks a lot

    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