@kevin344k
Submitted
please tell me how do it better
Looking to hire developers?
@nicolas055
@kevin344k
Submitted
please tell me how do it better
@nicolas055
Posted
Hello @kevin344k, good job with your solution.
I noticed your media query is not configured for small monitors, you can solve this by changing the values ​​from @media (min-width: 1440px)
to @media (min-width: 1050px)
for example.
@GIT-Gizmo
Submitted
I just completed the project but have been trying to make the items stack on each other in mobile view but flex-direction column messes up the site, I need suggestions on how to make each container stack on each other in mobile view please.
@nicolas055
Posted
Hello! Congratulations for your solution!
I recommend you do this challenge using css grid but in case you want to do it using flexbox, below is a possible solution for your problem.
When making the phone version you can remove the height: 30rem;
in the .flex-container. this way the items will stack on top of each other!
@MarcinLoj
Submitted
I don't know why display flexbox was breaking an svg image, i had to do it by an inline
@nicolas055
Posted
Hello! How are you doing? Display flex didn't work because you need to put your svg image inside a container with display flex. I also notice that you put margin in every element inside your card instead you could put padding in your card div, this way would be easier to arrange your elements inside of it.