@MarGuc1
@HIGHZIKdc
Submitted
What are you most proud of, and what would you do differently next time?
I'm proud im getting a bit better
What challenges did you encounter, and how did you overcome them?
positioning of my contents....Practicing made me overcome them.
What specific areas of your project would you like help with?
well still with the CSS positioning.
@MarGuc1
Posted
Looking for an easy way to make your card responsive? Try this:
.card {
width: 90%;
max-width: 37.5rem;
}
On smaller screens, the card will be 90% wide, but it will stay fixed at 37.5rem (600px) once it reaches that size.
To center the card, use this code:
.container {
display: grid;
place-items: center;
}
Hope this tip helps! 💗💗💗
Keep up the fantastic work! 😁😊😉
@Ehiejakhian
Submitted
What are you most proud of, and what would you do differently next time?
My second published solution. That I'm proud of. It was pretty simple, but I'm not sure I followed standard procedures.
What specific areas of your project would you like help with?
I am open to constructive criticism and any recommendations would be highly appreciated. Thanks!
@MarGuc1
Posted
Looking for an easy way to make your card responsive? Try this:
.card {
width: 90%;
max-width: 37.5rem;
}
On smaller screens, the card will be 90% wide, but it will stay fixed at 37.5rem (600px) once it reaches that size.
To center the card, use this code:
.container {
display: grid;
place-items: center;
}
Hope this tip helps! 💗💗💗
Keep up the fantastic work! 😁😊😉
@hpichenf14
Submitted
@MarGuc1
Posted
Looking for an easy way to make your card responsive? Try this:
.card {
width: 90%;
max-width: 37.5rem;
}
On smaller screens, the card will be 90% wide, but it will stay fixed at 37.5rem (600px) once it reaches that size.
To center the card, use this code:
.container {
display: grid;
place-items: center;
}
Hope this tip helps! 💗💗💗
Keep up the fantastic work! 😁😊😉
@Israel-Andreotti
Submitted
@MarGuc1
Posted
Looking for an easy way to make your card responsive? Try this:
.card {
width: 90%;
max-width: 37.5rem;
}
On smaller screens, the card will be 90% wide, but it will stay fixed at 37.5rem (600px) once it reaches that size.
To center the card, use this code:
.container {
display: grid;
place-items: center;
}
Hope this tip helps! 💗💗💗
Keep up the fantastic work! 😁😊😉
Marked as helpful
@EderProcopio
Submitted
What are you most proud of, and what would you do differently next time?
In this second project, I used a wider variety of flex display declarations. Another interesting point is that the challenge required a link that changed color when hovering, but I took the liberty of adding other links, as I felt it would be more standardized with what is used in a real-world project.
What challenges did you encounter, and how did you overcome them?
Turning certain elements into links was somewhat challenging because the tag behaves differently when positioning it with flex.
What specific areas of your project would you like help with?
I tried to be as concise as possible to avoid making the code repetitive. I'm not sure yet, but I believe that in the future, when I am more experienced, I will be able to create the same project in a more efficient way.
@MarGuc1
Posted
If you want to get rid of repetition in your code I would encourage you to use variables. If that's not enough for you I would try Sass
Hope it helps 💗
Well done and keep it up 😊
@karim769
Submitted
What specific areas of your project would you like help with?
some feedback will make me happy
@MarGuc1
Posted
Here is how you can center you testimonials grid with ease:
.container {
display: grid;
place-items: center;
min-height: 100vh;
}
Hope you found this comment helpful 😁
Well done and keep it up 😊
Marked as helpful