making regex work made me proud of it
What challenges did you encounter, and how did you overcome them?regex for making it confirm if it was an email or not, learning how to extract it's value from the input.
What specific areas of your project would you like help with?.
hello, you did a good job but the dismiss message did not work so here is the way to make it work : (dismiss message in a variable). onclick = function () { window. location.reload(true); } I hope this is helpful to you.
1)shwoing the X logo and using the twitter logo as backup. 2) using flex only without grid. next time i try only grid.
What challenges did you encounter, and how did you overcome them?
overflow: hidden;? i used position: fixed;svg color? i used background-blend-mode: color-dodge;Discover easy-to-follow strategies for improving code quality and learning.
The style of it, I will use grid-template-column next time so it will be easier.
What challenges did you encounter, and how did you overcome them?The styling of the page, i overcome it by searching a little bit on the internet for "grid-template-columns" and "grid-template-rows"
What specific areas of your project would you like help with?Making the code more efficient
Hello, you did quite good work, here are tips to improve your design, try to use grid-template-areas it is straightforward and useful in such grid complex structure like this: .container{ max-width: 80%; max-height: 90%; gap: 2rem; display: grid; grid-template-columns: repeat(12 ,1fr) ; grid-template-rows: repeat(2, 1fr); grid-template-areas: "one one one one one one two two two three three three" "four four four five five five five five five three three three" ; } @media (max-width:600px){ .content{ height: 200vh; } .components{ display: grid; grid-template-columns: repeat(2 ,1fr) ; grid-template-rows: repeat(5, 1fr); grid-template-areas: "one one " "two two" "four four" "five five" "three three"
;
}
} I wish you all well.
Hello, there are many things you should correct in your solution like the background and the border
Hello, @RewaaGaber good job there are some things to do to enhance your design : First: your container is smaller than the target design. Second: for the button below, you should make the color of it similar to the color of his section it's not white in the three sections, and I think its original background is white not just at hover. Finally: change the body's background to the color he gave you. I hope these suggestions help you and I wish you the best.
I tried to use CSS custom properties
What challenges did you encounter, and how did you overcome them?It might not be accurate to the design, I'm rushing this project because I can't wait to learn about responsive webpage
What specific areas of your project would you like help with?So far I had no questions, maybe I might have questions about responsiveness soon...
Put your design into a container use a flex box to center it and change the size of the elements and padding between them.
Me agradó ver el resultado, pero realmente puede mejorarse, puede centrase un poco más el contenedor para que se muestre todo completo.
What challenges did you encounter, and how did you overcome them?Mi desafio más grande fue la caja flexible, logré superarlo viendo algunos tutoriales y viendo otros proyectos.
Good job but your design is too big compared to the target design try to reduce the size.
