Not Found
Not Found
Not Found
Not Found
Not Found
Request path contains unescaped characters
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

Loopstudios Landing Page

#sass/scss
Fat 850

@Fahatmah

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


I don't know why the layout becomes different when I submit a solution 😑 when I double check what it should look like in different sizes of browsers. Please give me some tips or tricks on how I can improve the layout in different browsers or devices. Is it because of what device you where developing at that will affect the layout of it? I use laptop by the way.

And why does the grid part of pictures are kind of invisible when someone wants the browser theme set to dark?

Thank You!

Community feedback

Illyaas 680

@Illyaas4Show

Posted

This is an amazing solution, it is almost identical to the design. Well done!

It could be a little different to the design due to the fact that the design has a small padding at the bottom and your doesn't. Try to add a margin-bottom: 1rem; to the footer. It could also be due to other measurements being slightly off like the gap between the grid layout. Though small differences like that don't really matter so you don't need to stress yourself about it.

You can use media queries to make it fit to different screen types and sizes.

Hope this helps! Happy coding!

Marked as helpful

1

Fat 850

@Fahatmah

Posted

@Illyaas4Show Thank you for the compliment! hehe Yeah I shouldn't be stress on something like those and aren't really important 😅 Thank you again!

0
Illyaas 680

@Illyaas4Show

Posted

@Fahatmah No problem. I also find it hard to ignore things lol

0
Illyaas 680

@Illyaas4Show

Posted

@Fahatmah Also, forgot to say, Asalaamu alaykum! :)

1
Fat 850

@Fahatmah

Posted

@Illyaas4Show Wa Alaykumissalam :)

0

@afifhibatullahh

Posted

congrats on finishing the challenge!

1

Fat 850

@Fahatmah

Posted

@afifhibatullahh Thank You 😀😊

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