3-column-card-preview

Hi Ejerson, great work !

To center the cards on the page try using Flexbox, it can help you better: give the flexbox and height properties to the body and remove margin from the .row class.

With bootstrap you can use the default classes:

d-flex
justify-content-center
align-items-center

Note: Flexbox aligns to the size of the parent container.

You can use the vh measurement for the height... Viewport Height handles the sizing of an element in relation to the height of the browser window.

Hope this help ;)

Hi Ejerson,

Great effort on this, well done!

I noticed your icon's aren't showing - it's an easy fix, just drop the '/': <img src="icon-luxury.svg" alt="laxury-icon" class="laxury-img"> This might be a helpful guide

I also think using flex-wrap: wrap; should be replaced with flex-direction: column; with a media query to transition from a row to a column for mobile. Otherwise it creates a peculiar layout at tablet. You'll need to switch the location of the border-radius with media query too!

I hope that helps!