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
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.
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.
Great job!
Only a few inconsistence about font size and text color, but your html and css are very organized
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>
