Web.QHMIT
.com
Toggle navigation
☰
Home
HTML
CSS
Scripting
Database
Run
<!doctype html> <title>Example</title> <style> #grid { display: grid; grid-template: 20vh 1fr 20vh / 15vw 1fr 10vw; grid-gap: 10px; height: 100vh; } #grid > div { background-color: hotpink; color: white; font-size: 4vw; padding: 10px; } body { margin: 0; } </style> <div id="grid"> <div>1</div> <div>2</div> <div>3</div> <div>4</div> <div>5</div> <div>6</div> <div>7</div> <div>8</div> <div>9</div> </div>
Preview