Useful HTML snippets

__Useful.html

<!--
&shy; = Soft hyphen. To break text where you want
-->

Onelongword&shy;thatwewant&shy;tobreak

break-css-grid.css

.classname {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

/*Responsiv css-grid som lager antallet kolonner som du har children, sørger for at de brekker selv på små skjermer og aldri er mindre enn f.eks 320px*/

typography.html

Lorem ipsum dolor sit amet, consectetur adip*isicing elit, sed do eiusmod *tempor incididunt ut labore et dolore magna aliqua.

<!--for optimal linjelengde bør stjernene komme på én linje..-->