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

Responsive comming soon page using only vanilla web technologies

@CoconutDev13

Desktop design screenshot for the Base Apparel coming soon page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hey there! That is another one project I did for this amazing platform.

Generally layout wasn't hard at all. I found a little bit tricky the gradient border and I did it with a little bit cheat solution by placing a rounded div with gradient background and I placed an white pseudo element over that div using grid. Later I discovered that I could achieve that using only border-image-source and assign gradient to it. Way simpler solution I guess.

I faced an issue that I solved randomly and I haven't understood why that works. The form component has an input field inside that keeps constant width while I haven't give it any value by myself. The problem is solved when I use any value for width, doesn't matter what value.

Thank you for reviewing my project and thank you in advance for all comments :D

Community feedback

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