Submitted 2 months ago

Loopstudio Landing Page - SCSS, Grid, Flexbox, Mobile First.

Fernando Batista•630

@FernJBatista

A solution to the Loopstudios landing page challenge

Preview Code

Code

Please log in to post a comment

Community feedback

P
Ilya Yudin•1,060
@yudin7324
Posted 2 months ago
Looks good, it's pretty close to the design 👌

One small suggestion — when the menu is open, we can block page scrolling by adding a .no-scroll class to the <body>. This way, the page won't scroll in the background when the navigation is active.

Here are the styles you can use for the .no-scroll class:
```
.no-scroll {
  overflow: hidden;
  height: 100vh; /* prevents scrolling on mobile */
}
```
Marked as helpful

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