Метка: grid

EasyGrid – создание гридов на vanilla JS

JavaScript # on EasyGrid – создание гридов на vanilla JS
document.addEventListener("DOMContentLoaded", function() {
     var demo1 = new EasyGrid({
       selector: "#grid",
       dimensions: {
         width: "150",
         height: "270",
         margin: "5",
         minHeight: "20", // if height is "random"
         maxHeight: "40"  // if height is "random"
       },
       animations: {
         fadeInSpeed: "100",
         addItemSpeed: "100"
       },
       style: {
         background: "transparent",
         borderRadius: "5"
       }
     });
     
     // Add items to Grid
     demo1.AddItem({
        items: "HTML Element"
     });
});

https://github.com/BMSVieira/EasyGrid

ColinEspinas/lyt – гибкая и легко настраиваемая библиотека макетов CSS

CSS # # on ColinEspinas/lyt – гибкая и легко настраиваемая библиотека макетов CSS
<div class="row gap">
    <div class="column sm-10 md-2">
        <p class="padding-m box"></p>
    </div>
    <div class="column sm-2 md-10">
        <p class="padding-m box"></p>
    </div>
</div>

Поддерживает Flex grid, Display, Float, Margin, Padding, Width

https://github.com/ColinEspinas/lyt