CSS Project landing page

I’m trying to make a South Park-themed project landing page. The HTML content looks good, but my css code is way off. I know because the formatting looks super weird. Can someone show me what wrong with this code?

.South-Park-Logo {width: 250px;
height: 200px;}

header {width: 100%;
display: flex;
align-items: center;
position: flex;}

ul {
list-style: none;
display: flex;
justify-content: space-around;
align-item: center;}

nav {width: 100%;
display: flex;
align-items: center;
position: flex;}

.sign-up-page {height: 150px;
display: flex;
justify-content: flex-start;
align-items: center;
bacground-color: red;
color: yellow;}

.clips {height: 500px;
display: flex;
justify-content: center;}

.video {height: 300px;
bacground-color: black;
color: white;}

Would you be able to give the link to your project or your html code so we can see what’s going on?

Also position: flex is not a position property.

have a look at : https://www.w3schools.com/cssref/pr_class_position.asp for the different css position properties

Good luck :smiley:

And check the spelling of your ‘background-color:s’. They need a ‘k’.