CINXE.COM
Centered Container
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> body { margin: 0; padding: 0; height: 100vh; background: url('https://store.blender.org/wp-content/uploads/2023/04/blender_figurines_01s.jpg') center/cover no-repeat; display: flex; justify-content: center; align-items: center; font-family: sans-serif; } .container { text-align: center; color: white; } .container a { color: white; } </style> <title>Centered Container</title> </head> <body> <div class="container"> <h1>Blender Store will be back!</h1> <p>The store is being reorganized and <a href="https://www.blender.org/press/blender-store-closing-and-relaunch/">will be back soon<a>!</p> </div> </body> </html>