Grid Övningar
Övning 1: Enkel 2x2 Grid - display: grid; grid-template-columns: 1fr 1fr; gap 10px;
display:grid
grid-templet-columns: 1fr 1fr
gap: 10px
Box 4
Övning 2: 3x3 Grid med olika storlekar
Stor box
Box 2
Box 3
Box 4
Box 5
Box 6
Box 7
Övning 3: asymmetrisk layout
Stor Feature
Box 2
Box 3
Box 4
Box 5
Box 6
Box 7
Övning 4: Grid med Namngivna Områden
header
sidebar
Main Content
Övning 5: Grid med Namngivna Områden
Header
Main content
Meny 1
Meny 2
Meny 3
info1
info1
info1
info1
Övning 4: Grid med Namngivna Områden
header
meny
meny
meny
meny
meny
meny
meny
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Numquam maxime accusantium voluptas, facere, perspiciatis veniam deleniti vitae amet facilis reprehenderit cupiditate voluptate odit. Quisquam, sunt dolorem! Ducimus consequuntur rerum deserunt. Lorem ipsum dolor sit amet consectetur adipisicing elit. Numquam at soluta fugit ab deserunt cupiditate error deleniti? Dolorem, sequi adipisci iste suscipit in enim necessitatibus, perferendis, beatae exercitationem id eius. Lorem ipsum, dolor sit amet consectetur adipisicing elit. Accusantium culpa consequuntur accusamus delectus fugiat neque ut. Facere, assumenda doloremque molestiae molestias vero iste voluptates voluptas alias deserunt ut iure exercitationem! Lorem ipsum dolor sit amet consectetur adipisicing elit. Soluta dolore praesentium velit in delectus? Repudiandae praesentium, ex est, distinctio sit quam vel omnis ullam dolor nam laborum pariatur nobis perspiciatis. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis voluptatibus error similique dolore ipsum in, sapiente beatae nam vitae asperiores iure, molestiae esse incidunt iste facilis? Quam nam cum odit! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Eum voluptates adipisci voluptate dignissimos ab. Eos sequi, maiores enim minima ab, quas facilis blanditiis amet saepe adipisci perferendis ex expedita fugit! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Iste alias, delectus, aliquam reiciendis aperiam repellat minima quam eius quidem voluptatem ullam obcaecati explicabo ea blanditiis amet! Expedita impedit repudiandae provident. lor