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, CSS Grid+Flexbox

Dainaaβ€’ 175

@Dainaa

Desktop design screenshot for the Loopstudios landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

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

@Dharmik48

Posted

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

@Dainaa

Posted

@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
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