\ * { box-sizing: border-box; } body { display: flex; min-height: 100vh; flex-direction: row; margin: 0; background: azure; } .col-1 { background-image: URL("https://i.imgur.com/pfNeFtp.png"); flex: 1; } .col-2 { display: flex; flex-direction: column; flex: 5; } .content { display: flex; flex-direction: row; } .content > article { flex: 4; min-height: 60vh; } header, footer { background: lemonchiffon; height: 20vh; } header, footer, article, nav { padding: 1em; }
Here are some pics of my babies!




7/14/22 ~ watermelon rind!