In search of: creating a basic links/navigation bar.
My CSS snippet:
.ico {
width:40px;
}
The HTML code I currently have:
<body>
<div id="logo">
<img src="logo.png" id="test" />
<img class="ico" src="images/home.png" />
<img class="ico" src="images/calendar.png" />
<img class="ico" src="images/support.png" />
<img class="ico" src="images/globe.png" />
<img class="ico" src="images/email.png" />
<div style="width:auto; border-style:solid; border-width:0px 0px 3px; border-color:#202020;"></div>
</div>
<div id="main">
<h1 class="title">This is the main title</h1>
<p>This is a sample paragraph.</p>
</div></body>
This is how it appears: https://i.sstatic.net/5pSNT.png
What needs to be done: Ensure that the images (home, calendar, support, globe, email) are evenly spaced and stretch from the start of the logo (DAERA) to the edge of the screen, regardless of screen size or device.