4个具有文本叠加响应的相同图像

Question

Im using boostrap4. I need 4 boxes with or image as background of col. Image always must be 100% height, and 100% width. Size of image = size of div All images are 1080 width / 488 height

Its possibile to do?

Answer 1

One thing you can do is set the images as background images and simply set the background-size: cover or background-size: contain . If you want to get fancy with it and have the boxes keep the aspect ratio of the image then you can play around with more advanced css tricks such as the aspect ratio box .