I am struggling with creating a simple website layout. Here are some images of the design I'm trying to achieve, along with my code. https://i.sstatic.net/lbhvG.png
https://i.sstatic.net/wc8wr.png
My question is whether each column (4 in total) should be its own div? Are rows also divs? And how do containers and wrappers fit into this structure?
Here's the code snippet:
<!DOCTYPE html>
<html lang="en-us>
<head>
<style>
/* SECTIONS */
<section {
clear: both;
padding: 0px;
margin: 0px;
}
/* COLUMN SETUP */
.column {
display: block;
float:left;
margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }
...