Skip to content
Submitted over 1 year ago

Responsive landing page using CSS grid

Chinex Okuefuna•260
@Chinex4
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

This helped me alot in understanding CSS grid layout

Community feedback

  • Jech•100
    @j3rech0Posted over 1 year ago

    Is this the final output? It looks to me that you didn't implemented responsive layout on this challenge. I don't see any @media query in the source code.

    0
    Chinex Okuefuna•260
    @Chinex4Posted over 1 year ago

    @j3rech0 I used an external CSS file named mobile-view.css

    0
    Jech•100
    @j3rech0Posted over 1 year ago

    @Chinex4 ahh yes got it!, I'm viewing it on my laptop and when I resize the browser (chrome) it doesn't really worked well. But it does work on actual phone.

    0
    Chinex Okuefuna•260
    @Chinex4Posted over 1 year ago

    @j3rech0 Okay okay great!!!

    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