Archived topic
Full width & height
5 replies · Started by Kevin on April 4, 2021
I'm working on a single page that will only have 1 image. I created a container (GenerateBlocks) with a gradient background, and added the image inside of the container. I disabled every option available (footer, header, sidebars...). I want this image perfectly centered, and for the container to be full height and width. Any ideas?
Hi there,
I'm not fully sure what you're aiming to do.
To clarify, you're trying to display only the techstar medical logo on the page and make it behave like this? https://share.getcloudapp.com/ApuYyZj0
If so, try adding this CSS:
.fullLogo {
align-items: center;
}But if you want it to behave like this: https://share.getcloudapp.com/7KuPxY0d
Add this in:
.fullLogo figure, .fullLogo figure img {
width: 100%;
height: auto;
}The first code helped. Any idea on how to get rid of the white space when you scroll down? I'd like to make the container vertically fit the window.
Hi Kevin,
The white space is coming from an empty paragraph block, just remove it to solve the issue :)
https://www.screencast.com/t/IYqRCVXvT
Well, that's a bit embarrassing. Thank you.
Haha no worries, it's actually happening quite often :)
