Grid Övningar
Övning 1: Enkel 2x2 Grid - display;grid-template-columns: 1fr 1fr;gap: 10px;
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: Assymetrisk 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
Övning 6: Grid med Namngivna Områden
Header
Meny
Meny
Meny
Meny
Lorem ipsum dolor sit amet consectetur adipisicing elit. Cupiditate praesentium, provident iste fugiat neque tempora obcaecati doloremque accusantium architecto excepturi incidunt optio temporibus consequuntur officia, in soluta. Deleniti, iusto ab. Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam itaque error deserunt, qui ex minima minus amet impedit atque optio quia fugit! Itaque laudantium libero facilis, nihil omnis quia soluta! Lorem ipsum dolor, sit amet consectetur adipisicing elit. Facere, suscipit ab obcaecati illum tempore autem cum eius itaque. Assumenda, mollitia necessitatibus sed ducimus alias unde ad magni vitae in dolor! Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolor optio saepe sed debitis illum quisquam harum veniam ut pariatur vitae officia quam, quia laboriosam temporibus eveniet officiis ad asperiores qui. Lorem ipsum dolor sit amet consectetur, adipisicing elit. Sequi incidunt explicabo corrupti quo, rem tenetur praesentium, molestiae nobis magni aspernatur quaerat velit inventore, veniam consequatur totam voluptatibus quos architecto labore? Lorem ipsum, dolor sit amet consectetur adipisicing elit. Architecto ex repellat omnis provident reprehenderit autem mollitia necessitatibus culpa voluptatem, odio nulla saepe excepturi. Minima aliquam incidunt eaque culpa repellat nulla. Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nisi quaerat provident ad suscipit atque eius harum. Eaque quod repudiandae adipisci nostrum delectus harum excepturi quae nemo laudantium? Illo, nam quo! Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem amet velit ullam incidunt fugiat magni dolore necessitatibus similique ipsum cum odio ad labore, natus rem omnis sint vitae, non vero! Lorem ipsum dolor sit amet consectetur adipisicing elit. Maiores, fuga! Voluptate qui animi debitis dolorum fugiat quae officia, illo quos at, fuga modi aut ut. Cum dolor ad maxime laboriosam!