Submitted 2 months ago

Loopstudios landing page

Yejin Han (한예진)• 270

@Yejin-Han

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

HTML
CSS
JS

2junior

View challenge

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

Nothing special.. but I think my work fits all screen widths.

What challenges did you encounter, and how did you overcome them?

In order to fit all screen widths responsively, even parts not in the design file had to be designed in my own way so that the layout was not broken. This part was difficult because it took time, but I tried this and that and chose the layout that looked the best.

What specific areas of your project would you like help with?

I would like to know if this code is unnecessary and if it is applicable to actual work. Also, I would like you to let me know if there are any parts I can make that are not more complicated. In particular, if you code with mobile-first workflow, it would be nice to know how to normally set the branch point of mediaquery.

Community feedback

Sonja Krafft• 310

@sonmikrafft

Posted about 2 months ago

Your solution is awesome! It really is very responsive to different sizes. But you could move the "IMMERSIVE EXPERIENCES THAT DELIVER" to the center for tablet sizes.

You could also create multiple .scss files for different parts to make the index.scss easier to maintain.

Great Work!

Marked as helpful

Yejin Han (한예진)• 270

@Yejin-Han

Posted about 2 months ago

@sonmikrafft Oh, moving main title to the center for tablet sizes would be great. And also, after this solution, now I'm creating multiple .scss files! Thanks for your comment! :)

Please log in to post a comment

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