Skip to content
OverviewSolutions
24
Comments
3
Busoalmi
@oluwa-busssy-olami

All comments

  • Busoalmi•250
    @oluwa-busssy-olamiPosted about 2 years ago

    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
  • Busoalmi•250
    @oluwa-busssy-olamiPosted about 2 years ago

    Thank you so much, but it’s not mobile responsive. kindly put me through.

    0
  • Lucas 👾•104,340
    @correlucasSubmitted over 2 years ago

    👾 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!

    3 Column Preview Card (Vanilla CSS + Custom Design & Hover States)

    13
    Busoalmi•250
    @oluwa-busssy-olamiPosted over 2 years ago

    This is an exceptional design, the hover effect and colors is breathtaking..

    1