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

Loopstudios landing page with HTML,CSS and JS

@valencydickson

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


Any suggestions on how I can improve are welcome!

Community feedback

@AlperMehmetOzdemir

Posted

Increasing the font size for the hero section title and the creation section produt titles would be nice. You can add a trasparent black overlay on the images (both hero and creation section) with a value like rgba(0,0,0,0.25) to increase the contrast between the typography and images. Of course you can also fix the text box's positioning. I recommend checking out "position: relative" & "position:absolute" and how to use them. It think it will help you out alot in your future layouts and designs.

Nice job though. Keep up the good work.

1

@valencydickson

Posted

@AlperMehmetOzdemir Thanks for the comment, I will make those changes.

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