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 - HTML and CSS solution

@bartlomiejkus

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


Hello,

I'm Bartek and I've been learning the basics of HTML and CSS for a week now. I provide you with my solution to this challenge even though it's not fully finished. I haven't managed to apply input data validation so if you've got any hints for me according to where to look for the information I'd appreciate it.

I'm aware that my website isn't quite responsive but I haven't yet learnt any RWD. I know that both this website and my skills require much work but that's why I'm here for. Any feedback appreciated! :)

Community feedback

P
Matt Studdert 13,611

@mattstuddert

Posted

Hey Bartek, congrats on submitting your first solution. For only a week in with HTML and CSS your solution is really good! 👍

Just a quick heads up about the h1. I would recommend having it as one single h1 element, instead of two. You could then use a span within it to separate the words. Also, be sure to lowercase the letters in your HTML. Otherwise, screen software will read out those words letter-by-letter. You can then use text-transform: uppercase; in your CSS to uppercase them to match the design.

If you want a good starting tutorial about building responsive websites, here's a good one from Udacity. It's free as well, which always helps!

I hope you find these tips useful. Keep up the great work!

1

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