INGREDIENTS
1 serving
display: block
1 serving
ul.breadcrumb {
1 serving
list-style: none
1 serving
background-color: #eee
1 serving
ul.breadcrumb li {
1 serving
font-size: 18px
1 serving
ul.breadcrumb li+li:before {
1 serving
color
1 serving
ul.breadcrumb li a {
8
color: #0275d
1 serving
ul.breadcrumb li a:hover {
1 serving
color: #01447e
333
background-color
1 serving
font-size: 16px
1 serving
color
1 serving
font-size: 16px
1 serving
color
1 serving
background-color: inherit
1 serving
background-color
1 serving
background-color: #f9f9f9
1 serving
color
1 serving
display: block
1 serving
background-color: #ccc
1 serving
color
1 serving
display: block
1 serving
background-color: #ddd
1 serving
clear floats after the columns
1 serving
display: table
1 serving
clear: both
1 serving
img {
1 serving
margin-left: auto
1 serving
margin-right: auto
1 serving
}
1 serving
padding: 10px 16px
1 serving
}
1 serving
display: inline
1 serving
}
1 serving
padding: 8px
content: "/\a
1 serving
}
1 serving
text-decoration: none
1 serving
}
1 serving
text-decoration: underline
1 serving
}
1 serving
{
1 serving
box-sizing: border-box
1 serving
}
1 serving
body {
? margin: 0; margin: 0; margin 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
navbar {
1 serving
overflow: hidden
1 serving
font-family: arial
1 serving
}
1 serving
navbar a {
1 serving
float: left
1 serving
text-align: center
1 serving
padding: 14px 16px
1 serving
text-decoration: none
1 serving
}
1 serving
dropdown {
1 serving
float: left
1 serving
overflow: hidden
1 serving
}
1 serving
dropdown .dropbtn {
1 serving
border: none
1 serving
outline: none
1 serving
padding: 14px 16px
1 serving
font: inherit
? margin: 0; margin: 0; margin 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
navbar a:hover
1 serving
}
1 serving
dropdown-content {
1 serving
display: none
1 serving
position: absolute
1 serving
width
? left: 0; left: 0; left 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1/5
box-shadow: 0px 8px 16px 0px rgba
1
1 serving
}
1 serving
dropdown-content .header {
1 serving
background
1 serving
padding: 16px
1 serving
}
1 serving
dropdown:hover .dropdown-content {
1 serving
}
1 serving
create three equal columns that floats next to each other
1 serving
column {
1 serving
float: left
1 serving
width
1 serving
padding: 10px
1 serving
height: 250px
1 serving
}
1 serving
column a {
1 serving
float: none
1 serving
padding: 16px
1 serving
text-decoration: none
1 serving
text-align: left
1 serving
}
1 serving
column a:hover {
1 serving
}
1 serving
row:after {
1 serving
content
1 serving
}
1 serving
media screen and {
1 serving
column {
1 serving
width
1 serving
height: auto
1 serving
}
1 serving
}