Hey Everyone! I am on the Front-End path and just finished the Tea Cozy Project .
It took me a while to get my flexboxes working correctly, so would love any feedback on that + anything else you see that could improve my code. Thank you!
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./style.css">
<title>Tea Cozy</title>
</head>
<body>
<header>
<!--Logo-->
<img class="logo" src="./resources/images/img-tea-cozy-logo.png"/>
<!--Navigation-->
<ul>
<a href="#mission"><li class="nav-bar">Mission</li></a>
<a href="#featured-tea"><li class="nav-bar">Featured Tea</li></a>
<a href="#locations"><li class="nav-bar">Locations</li></a>
</ul>
</header>
show original
CSS:
/*--General--*/
body {
background-color: black;
}
h2,
h3,
h4,
h5 {
font-family: Helvetica;
color: seashell;
opacity: 0.9;
text-align: center;
}
p {
font-family: Helvetica;
color: seashell;
opacity: 0.9;
text-align: center;
show original
1 Like