Back to Shopify Liquid
Shopify Liquid
Special code (spacing)
Drop this Shopify Liquid snippet into your theme to add the special code (spacing) block. Copy the code below, paste it into your theme files, save and you're done.
31 lines · 0.8 KB
Shopify Liquid
1It creates spaces between designs.2----------------------------------------------------------345<!DOCTYPE html>6<html lang="en">7<head>8 <meta charset="UTF-8">9 <meta name="viewport" content="width=device-width, initial-scale=1.0">10 <title>Grid Spacer</title>11 <style>12 .container {13 display: grid;14 grid-template-rows: 1fr 50px 1fr; /* Orta sırada boşluk */15 height: 4vh; /* Ekran yüksekliğini kapsar */16 }1718 .spacer {19 background-color: transparent; /* Görünmez boşluk */20 }21 </style>22</head>23<body>24 <div class="container">25 <div></div> <!-- Üst kısım -->26 <div class="spacer"></div> <!-- Boşluk -->27 <div></div> <!-- Alt kısım -->28 </div>29</body>30</html>
