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 intro component using flexbox and media screen

@kardahim

Desktop design screenshot for the Intro component with sign-up form coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hello everyone, I'am open to any suggestions :)

Community feedback

@Kamasah-Dickson

Posted

You don't need to position your footer absolute or any other just use text align center to fix the overflow on mobile. Besides good job Keep coding👍

1

@kardahim

Posted

@Kamasah-Dickson I use position absoulute because i wanted space below footer, but next time i try use your solution :)

0

@GrzywN

Posted

Nawet spoko. W JavaScripcie jest coś skopane, bo jak się wpisze coś co nie jest emailem to pokazuje "Last Name cannot be empty" pod polem e-maila. Do pisania CSSa polecam ci zapoznanie się z BEMem i jakimś preprocesorem do CSSa (SASS lub Less). O wiele przyjemniej się pisze, styluje i łatwiej jest też komuś patrzeć na taki kod, bo mniej więcej wiadomo wtedy co jest do czego i można łatwo kod też wrzucić do innego projektu. Keep it up!

0

@kardahim

Posted

@GrzywN Hmm będę musiał zerknąć do tego js, może message jakiś zły przekazuje. A co do preprocesora ostatnio zastanawiałem się nad sassem. Dzięki za poradę

0

@kardahim

Posted

@kardahim Dobra, sprawa była trywialna, zapomniałem dopisać komunikatu błędu dla niepoprawnego regexu.

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