Skip to content
Submitted about 3 years ago

Responsive Landing Page, CSS Grid+Flexbox

Dainaa•175
@Dainaa
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Loopstudios landing page
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

Constructive criticism always welcome :D I tried to use Firefox as much as possible to cross-check responsiveness this time. Will start adding template aria labels for accessibility from my next project!

Community feedback

  • Dharmik_487•1,740
    @Dharmik48Posted about 3 years ago

    Hey👋,

    I don't think that your site is responsive! Even at smaller screen it stays the same, but looks good on big screen. And responsiveness is the most important thing, so have a look.

    • Also try to use more semantic html tags like header, nav, main, section, etc.
    0
    Dainaa•175
    @DainaaPosted about 3 years ago

    @Dharmik48 Hi! Really? Are you checking it by changing devices on devtools? It shows up as different to me - and I really want to make sure it does the same for everyone else. (Here's what you're supposed to see: https://drive.google.com/file/d/1If1kzXxWwszlmNJPa9GEA4oIgV71FXN4/view?usp=sharing ) And on the second point, thanks! Will take note! I added a header, nav and sections to this, but I missed the main tag, which is probably really important.

    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