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.
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! 😁😊😉
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!
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! 😁😊😉
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! 😁😊😉
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! 😁😊😉
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.
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 😊
some feedback will make me happy
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 😊