Postingan

Menampilkan postingan dari Desember, 2022

DESAIN WEB (CSS GRID)

Gambar
 CSS GRID 1. Link File < nav >   <!-- <strong>This is the navigation</strong> -->   < a href = "blog.html" > Blog </ a >   < a href = "#" > Challenges </ a >   < a href = "flexbox.html" > Flexbox </ a >   < a href = "css-grid.html" > CSS Grid </ a > </ nav > 2. Latihan 1 .container--1 {         /* STARTER */         font-family : sans-serif ;         background-color : #ddd ;         font-size : 40px ;         margin : 40px ;         /* CSS GRID */         display : grid ;         grid-template-columns : 200px 200px 100px 100px ;         grid-template-rows : 300px 200px ;       } 3. Latihan 2 .container--1 {   /* STARTER */   font-family : sans-serif ;   background...

DESAIN WEB (FLEXBOX Part 2)

Gambar
 FLEXBOX 1.  < nav >           <!-- <strong>This is the navigation</strong> -->           < a href = "blog.html" > Blog </ a >           < a href = "#" > Challenges </ a >           < a href = "flexbox.html" > Flexbox </ a >           < a href = "#" > CSS Grid </ a >         </ nav > 2.  .container {   /* STARTER */   font-family : sans-serif ;   background-color : #ddd ;   font-size : 40px ;   margin : 40px ;   /* FLEXBOX */   display : flex ;   align-items : center ;   justify-content : start ;   gap : 10px ; } 3.  FLEXBOX < div class = "container" >       < header class = "main-header clearfix" >         < h1 > 📘 The Code Magazine </...