@3laagaber
@joaoxavier-profissional
Submitted
What are you most proud of, and what would you do differently next time?
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?
.
@3laagaber
Posted
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.
Marked as helpful
@raficode2303
Submitted
What are you most proud of, and what would you do differently next time?
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;What specific areas of your project would you like help with?
Discover easy-to-follow strategies for improving code quality and learning.
@3laagaber
Posted
Good job .
@Simone-cpu-debug
Submitted
What are you most proud of, and what would you do differently next time?
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
@3laagaber
Posted
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.
@MrSeager
Submitted
@3laagaber
Posted
Hello, your design is quite beautiful
@Timilovic
Submitted
@3laagaber
Posted
Hello, there are many things you should correct in your solution like the background and the border
@richxrdreis
Submitted
@3laagaber
Posted
good job pro
@RewaaGaber
Submitted
@3laagaber
Posted
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.
@Drewizzz
Submitted
What are you most proud of, and what would you do differently next time?
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...
@3laagaber
Posted
Excellent job keep going.
@JF451
Submitted
@3laagaber
Posted
Put your design into a container use a flex box to center it and change the size of the elements and padding between them.
@Gerard2167
Submitted
What are you most proud of, and what would you do differently next time?
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.
@3laagaber
Posted
Good job but your design is too big compared to the target design try to reduce the size.
Marked as helpful
