Skip to content

Instantly share code, notes, and snippets.

<div class="video-container">
<iframe class="video" src="https://www.youtube.com/embed/yekXIobF3fk" allowfullscreen></iframe>
</div>
<style>
.video-container {
position: relative;
width: 100%;
padding-bottom: 56.25%;
}
@crbdev
crbdev / knowledge-base-grid-styles.css
Created December 8, 2023 10:31
Styles used in "How to build a knowledge base" article on the GravityKit blog
#gv-view-2303-1 .gv-list-multiple-container {
display:flex;
flex-wrap: wrap;
justify-content:center;
margin-top:20px;
}
#gv-view-2303-1 .gv-list-multiple-container img {
max-width:70% !important;
margin: 0 auto;
@crbdev
crbdev / diy-to-grid.css
Created January 12, 2024 04:31
Custom CSS to turn the DIY layout into a grid (as seen on the GravityKit blog)
.gv-diy-multiple-container.gv-container {
display:flex;
flex-wrap: wrap;
justify-content:center;
margin-top:20px;
}
.gv-container img { width:100% !important; }
.gv-diy-multiple-container.gv-container .gv-diy-view {