Tea Cozy Project

Web Development Full-Stack
1

Really need some help on this project. I know I’m right at the start and as always I have no clue what I’m doing wrong. I’ve done everything I can think of but the logo will not go in the center. Also, if I start messing around with the code then the logo will either go in the center, ignore all other code or the border will disappear. Half tempted to just leave it but I have no doubt in my mind it will cause me more issues as soon as I do that. I have tried to add a div but that adds a ton of problems so I just deleted that, not that I actually understand that at all. Any help would be great though. Really not good at putting things in a straight line here and don’t even get me started on how impossible it is to get an image to go behind a picture let alone without it eating the entire page no matter what I do to fix it. Half the time it feels like coding only works when your told where to put it and even then I don’t see changes sometimes. I digress though, really hoping someone can help me figure this out. Here’s the CSS code:
body {
background-color: black;
font-family: Helvetica, Arial, serif;
font-size: 22px;
color: seashell;
opacity: 0.9;

}

.logo {
font: size 22px;
margin-left: 10px;
max-height: 50px;
justify-content: flex-start;
text-align: left;
}

header {
border-bottom: 1px solid seashell;
margin-top: 69px;
}

and the html code:

Tea Cozy 
</header>

Simply put, the logo is sitting on the border and won’t move or at least not to where I want it to move to.

3

If you post HTML and code directly in the forums, it loses formatting and doesn’t show up properly (see how your html is not appearing properly in your post). To preserve code formatting in forum posts, you can use the </> button (For more details, see: How do I format code in my posts?)

I don’t have access to the project and haven’t completed it. But, apparently a workshop involving the Tea Cozy project was organized recently on Codecademy’s new discussion platform: https://community.codecademy.com

The links to the workshop videos are: Part 1 and Part 2

You can find many threads on the project searching these forums.
You can also post your thread in the new discussion platform. It has more activity and is likely to elicit more responses.
You can also fix the formatting in your post here and people may chime in with suggestions/advice.