Safe space - CSS Component โ
...
Browser support โ
Construction โ
The CSS component uses a div
or an img
tag depending if the Safe Space
component has a background image or not.
Size โ
...
Image โ
Playground โ
Customization โ
HTML Examples โ
Imports
html
<script type="module" src="/0.4.3/@zurich/css-components/javascript.js"></script>
<link rel="stylesheet" href="/0.4.3/@zurich/css-components/base.css" />
<link rel="stylesheet" href="/0.4.3/@zurich/css-components/SafeSpace.css" />
Code
html
<div z-safe-space="4:20"></div>
<img z-safe-space="3:25" src="../sample.png" loading="lazy" />