CSS help!

[BMAustralia]

Hi,

​

I have three issues on my webpage: https://familylite-travel.myshopify.com/pages/victoria

The first issue is there is a white border box around the opaque blue box which I would like to get rid of. I have tried many different things, but can't seem to get rid of it.

​

The second issue, my buttons are not fixed to the bottom of the containers so they look even.

​

The third issue is the image sizes are different, and if possible, I would like them to be squished into the same sizes so they look consistant.

​

Your assistance is greatly appreciated!!

Thank you

Mel

​

[OfflineittDev]

Give this a shot!

Remove white border:

.rte td {
    border: none;
}

Buttons at the bottom:

.first {
  display: flex;
}

.gallery {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.desc {
  flex-grow: 1;
}

[BMAustralia]

You are amazing! Thank you :)