Please enable JavaScript.
Coggle requires JavaScript to display documents.
eCommerce - Frontend - Coggle Diagram
eCommerce - Frontend
CSS
Startup config to override the default styling of the browser
Navbar
id header
diplay: flex
Put subelements in one row [from y axies -> x axies]
align-items: center
center on y-axies
justify-content: space-between
the first element will go maximum to left, the last element will go maximum to the right, and the rest of elements will have an even distancing between eachother
padding: 20px 80px
to not have everything stick to the walls
background: #E3E6F3
set the color of the background
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.06)
shadow undernith the header/navbar
id links from <ul>
HTML
Header
<section>
Navbar
Logo
<a> -> <img>
Links
<div> -> <ul> -> <li> -> <a>
Assets
JS