@Elle-ye
Submitted
@Mario-jesus
@junwei-wong
Submitted
What are you most proud of, and what would you do differently next time?
Using flex and grid together to match the design along with responsiveness. This was one of the toughest challenge I've done so far but looking back at my code, it's not that hard to implement.
What challenges did you encounter, and how did you overcome them?
Figuring out how to segment the html elements to then apply flex and grid. Mostly just brainstorming, and trial and error. I went through flexbox frogger and grid garden before attempting this challenge.
What specific areas of your project would you like help with?
I felt like I overused display:flex
and align-items:center
A LOT in this challenge.
@Mario-jesus
Posted
Se ve muy bien, solo le falta un poco de altura a las tarjetas.
@cjsenteprise
Submitted
@Mario-jesus
Posted
Muy bien, solo falto centrar la tarjeta
@jaspervo91
Submitted
What challenges did you encounter, and how did you overcome them?
The min()
CSS function lets me specify a fixed maximum value for the inline-size
property, and a relative unit to allow the value to shrink to suit smaller viewports.
@Mario-jesus
Posted
Muy bien, solo te faltaron cosas como ajustar el padding en una pantalla de escritorio y centrar el elemento verticalmente
@ismeh
Submitted
What challenges did you encounter, and how did you overcome them?
What specific areas of your project would you like help with?
@Mario-jesus
Posted
Cuando el cursor pase sobre la tarjeta le estableces el nuevo color al titulo
.card:hover .card__title {
color: var(--yellow);
}
.card__title {
...
transition: color 600ms;
}
@rcsilva211
Submitted
What are you most proud of, and what would you do differently next time?
After a year working as a Salesforce developer, it was so refreshing to make something out of pure HTML and CSS without having to worry about limitations.
What challenges did you encounter, and how did you overcome them?
Reviewing pure CSS attributes. In Salesforce and many other frameworks image implementation is automatically made in the majority of the time, so something as simple as making the image fit the container was a struggle, but after playing around for a bit, I've managed to make it work.
What specific areas of your project would you like help with?
Best practices and code optimization
@Mario-jesus
Posted
Buen trabajo, solo te falto establecer un min-height de 499px a la tarjeta