Submitted over 3 years ago

Responsive landing page using React JS & Styled Components

Salko Balić• 40

@thedev966

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

This is a solution for...

Loopstudios landing page

HTML
CSS
JS

2junior

View challenge

Design comparison

SolutionDesign

Solution retrospective

Since I wanted to improve and put my React JS skills on the next level, I decided to use React JS with Styled Components for this Frontend Mentor challenge. It was a very exciting and challenging experience for me primarily because I didn't want to use vanilla CSS. All the styles I've done using Styled Components and this was roughly my third project in which I used Styled Components, so I'm kinda still new to this. The website is fully responsive from the desktop version (around 1300px) down to 360px (low res mobile phones). If you think something can be improved or could have been coded better way, feel free to let me know.

Community feedback

Akshay• 10

@aroraakshay354

Posted over 3 years ago

This is really good solution could've been much better but i see that you have put alot of work into it upper left loops studios could've been more big like the real one is and immersive experiences that deliver text and the border should've been more white i am a lil bit new into website coding world so i don't know about JavaScript but this is really great solution I've seen so far it's dynamic website i wanna see more solutions like this from you

Salko Balić• 40

@thedev966

Posted over 3 years ago

@aroraakshay354 Hey, thanks for your reply! I haven't followed the original design 100% and all the sizes / dimensions in my solution project are approximate compared to the original ones. If I had been given a list of all sizes and dimensions (in px / rem or whatever), my project would have looked probably identical to the original one.

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