I followed a tutorial on youtube on how to make a simple website. But I got some errors that the you-CodePudding

I am new to html and css and I do not know how to fix it.

This is my css code that I got from the tutorial.

*{
  margin: 0;
  padding:0;
  
}
.header 
{
min-heigth: 100vh;
width: 100%;
background-image: linear-
gradient(rgba(4,9,30,0,7),rgba(4,9,30,0,7)),url(nedladdning.png)
;
background-position: center;
background-size: cover;
position: relative;
}

nav{
  display:flex;
  padding:2% 6%;
  justify-content:space-between;
  align-items:center;
}
nav img{
  width: 150px;
}

.nav-links{
flex: 1;
text-allign:right;
}
.nav-links ul li{
  list-style-type: square none;
  display:inline-block;
  padding: 8px 12px;
  position:relative;
}
.nav-links ul li a{
  color:#fff;
  text-decoration: none;
  font-size:13px;
}

The errors I get is that 'min-height' is an unknown property. The same with 'text-allign'

CodePudding user response：

You just mispelled both properties.

You wrote min-heigth instead of min-height and text-allign instead of text-align.

CodePudding user response：

You have got a few spelling mistakes. It should be,

min-height: 100vh; text-align: right;