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

HTML CSS Flex box Grid Javascript

shashank 225

@shashankrk46

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


Learnt a lot about responsiveness . Any feedback and suggestions ?? Thanks

Community feedback

@BOVAGE

Posted

I love your menu bar animation😍.

You forgot to include the text that are on the Images in the our creations section which you used the class name "grid-images" for from your code.

As regards re-ordering element when viewport changes, you used media query and display property to achieve that, I used grid-area property to re-order them. I think using grid makes the html code neater and shorter instead writing it twice in different position in the html file and using css to change the display property value based on screen size.

Here is solution code repo on github: https://github.com/BOVAGE/loopstudio-challenge;

0

shashank 225

@shashankrk46

Posted

@BOVAGE Thanks for the review oops i forgot to add those name

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