Fabian Garcia• 20
@fabiangarciav
Submitted
Busoalmi
@oluwa-busssy-olami
All comments
- Busoalmi• 250
@oluwa-busssy-olami
Posted
Fabian, I noticed you didn’t center the container properly container { display: flex; flex-direction: column; Justify-content: center; Align-item: center; Min-height: 100vh; margin: 30px 15px; } Your image should not have a display of flex but a display: block; img by default are inline elements but when you give it a display of block you’ll have a maximum control of the styling. Also you use too much of display: flex; and flex-direction: column; which it only required in the container.
I hope this help a bit.
0 - Lucas 👾• 104,560
@correlucas
Submitted
👾 Hello, Frontend Mentor coding community. This is my solution for the 3 Columns Card Component.
Feel free to leave any feedback and help me improve my solution or make the code clean!
- 👾 I added a Custom hover effect on card w/ the Vehicle Types photo on background.
I'll be happy to hear any feedback and advice!
Busoalmi• 250@oluwa-busssy-olami
Posted
This is an exceptional design, the hover effect and colors is breathtaking..
1
