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 email signup using react js with styled components

@Henrique-Gomesz

Desktop design screenshot for the Newsletter sign-up form with success message coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


This was a simple page to create, i don't know if the way for display a differents components based on screen size is correct, but works finne.

Community feedback

maicond 230

@maicondguerian

Posted

Eai Henrique beleza? show seu projetinho em ts hein? proxima coisa que quero aprender js tipado, tu usou cra para fazer esse projetinho né? já conhece o vite? next-js? Usa coisa que você deveria ter feito é deixar a o imagem mobile e o componente/container do form com width 100% ficaria mais agradavel visualmente, de resto ta show parabens aí!

Marked as helpful

0

@Henrique-Gomesz

Posted

Opa @maicondguerian tudo tranquilo! Cara já ouvi falar sobre next-js e vite porém nunca cheguei a construir uma aplicação com essas técnologias, mas já esta no meu radar construir algo com nextjs. Cara Typescript simplesmente é incrível, depois que você aprender não consegue mais ficar sem, facilita muito a vida, por que não é necessário ficar correndo atrás do erro. Valeu pela dica do width vou tentar aplicar.

1
maicond 230

@maicondguerian

Posted

@Henrique-Gomesz show! o create react app ja esta meio que para trás, o tempo de criação ou de inicialização deixam muito a desejar tenta criar um com vite que você vai curtir, "yarn create vite nome-do-app --template react" ou se usa npm create vite@latest

https://vitejs.dev/guide/ depois da uma olhada! bons estudos man!

0

@Henrique-Gomesz

Posted

@maicondguerian Boa mano, agradeço pelas dicas, vou estar dando um olhada!!

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