@muriloviscondi
@sankiss55
Submitted
What are you most proud of, and what would you do differently next time?
aprendi mas sobre grid y su manejo de este
What challenges did you encounter, and how did you overcome them?
el diseño responsivo
What specific areas of your project would you like help with?
en el diseño y el tamaño de las superficies
@muriloviscondi
Posted
Very nice!
@hcolmenares
Submitted
What are you most proud of, and what would you do differently next time?
The usage of flexbox to match the reference image.
What challenges did you encounter, and how did you overcome them?
Adjusting responsive cards. I fixed it by using the "max-width" property on the card content.
What specific areas of your project would you like help with?
I'd like to learn more about responsive images and text.
@muriloviscondi
Posted
Nice!
@inappdesign
Submitted
@muriloviscondi
Posted
Well done!
@dominguez-daniel
Submitted
@muriloviscondi
Posted
Good work!
@devgl96
Submitted
@muriloviscondi
Posted
Very nice!
@Carmo22b
Submitted
What are you most proud of, and what would you do differently next time?
Não sabia que no box-shadow podia deixar a sombra muito em negrito, achei esse estilo de card diferente. De diferente que eu faria era adicionar uma cor gradiente combinando com o fundo amarelo e a sombra do card.
What challenges did you encounter, and how did you overcome them?
Os desafios que passei foi acertar o tamanho da imagem do card com os texto em baixo, mas com a ajuda do chatGPT, eu consegui ajustar o tamanho.
What specific areas of your project would you like help with?
Queria entender melhor sobre como funciona o "transform" e o "translate" na parte do CSS.
@muriloviscondi
Posted
Great job!
Only a few inconsistence about font size and text color, but your html and css are very organized
@Nodemaurel
Submitted
@muriloviscondi
Posted
Don't use padding for align div in page, using display: flex
for example:
<main style="min-width: 100vw; min-height:100vh; display: flex; align-item: center; justify-content: center"> <section>Your resolution</section> </main>// Always englobe your section
<main class="container"> <section class="content-image-for-example"> <img src="images/image-qr-code.png"> </section> <section class="content-text-for-example> // Never use div to show text <h1class="title-example"> Improve your front-end<br> skills by building projects </h1> <p class="description-example"> // don't use <br>, always adjust your div and the paragraph auto wrap Scan the QR code to visit Frontend Mentor and take your coding skills to the next level </p> </section> </main>
