Grid Övningar

Övning 1: Enkel 2x2 grid

display: grid;
grid-template-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
Side Bar
Main Content
Footer

Övning 5: Grid med Namngivna Områden

Header
Main Content
info1
info1
info1
info1

Övning 4: Grid med Namngivna Områden

Header
menymenymenymeny
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus error, numquam consequatur, voluptatibus beatae veniam minima nostrum quam maiores tempore quis, saepe dolore officia sapiente delectus vitae eum ea necessitatibus. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Labore assumenda consectetur molestiae quo praesentium delectus repellendus tempora, veritatis officiis, amet cupiditate provident? Quia illum quae incidunt labore excepturi dicta harum! Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequuntur doloremque natus similique voluptas delectus? Adipisci eos autem, sapiente dolorum necessitatibus, perspiciatis tempora, iure placeat aliquid velit voluptates eum doloremque . Lorem ipsum dolor sit amet consectetur adipisicing elit. Architecto quidem dicta cumque quo animi consectetur temporibus reiciendis consequuntur delectus possimus neque rerum commodi laudantium, in repellat. Perspiciatis quo nam explicabo!
Footer