All solutions

Long time without submitting a challenge!.

I think I need to improve accessibility but when building these types of components I'm not sure if we can use semantic tags like 'section', etc.

Wdyt? :)

I'm trying to use a clean CSS, maybe I needed to use more classes here, the idea is to add some scroll animations on this project in the future, so any feedback on how I can improve it will be appreciated :)

Hi! I used a min-width in my card but Idk if that's a good way to work with it 🤔. Do you think I need it in this case?

Thanks!! 😀

I tried to use more semantic elements and clean my CSS a bit more, any feedback will be appreciated :)

I'm trying to write clean HTML and CSS code, so any feedback will be appreciated :)

Hi there!! How do you change the color of the .svg icon?, I always have struggles with that :/ .

Thank you!! (:

Hi there! I have problems with the call-to-action box where I think a need to use the position: absolute, I can't figure out how to make it responsive, I don't want to have a lot of media queries trying to change the percentages (that would be my solution xD)..

I'm going to leave my code here:

.box-action{ display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: white; max-width: 650px; height: 220px; border-radius: .5em; padding: 1em 1.5em; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); text-align: center;

z-index: 3; position: absolute; left: 25%; right: 25%; bottom: 17%; }

Thanks a lot!!