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

Base Apparel Coming Soon Page built with BEM, SASS/SCSS, JavaScript.

#accessibility#bem#sass/scss#vite
Johnny 470

@johnnysedh3lllo

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


This project gave the opportunity to explore the multifaceted world of HTML Forms, Client Side Form Validation and a bit of accessibility concerns in regards to forms. I'm glad i was able to complete the challenge but i must admit that i had some difficulties in :

  • The Responsive design on the desktop side of things; precisely making the image and the content exist without one growing more than the other.

and there were things i was a bit unsure of, such as:

  • the overall mark up of things; i had to have two img elements present in the HTML (one for the mobile view and the other for the desktop view) and i would display them based on the screen size the browser detects through the media query, i don't know if that was the best approach but it worked.

  • and of course, if i followed well on writing Semantic HTML.

Please have a look at my solution and let me know if you have any feedback as to a better way of doing things. thank you.

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