So here is the Pastebin. Now I am trying to make my own website and I have been watching tutorial for that…but in one of the videos the guy types these into the style.css file he has created and they have value in there but I have no returned value to these… I am also quite new to front-end developing and I understand that my question is probably not properly structured. The tutorial:https://www.youtube.com/watch?v=Tkp3FDgOueM on 6:16
I will also post my HTML file here:
<!DOCTYPE html>
<html lang="bg">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheets" href="css/style1.css">
</head>
<body>
<header class="header"></header>
<a href="#" class="logo">Портфолио</a>
<nav class="navbar">
<a href ="#ние">Ние><a>
<a href ="#услуги">Услуги><a>
<a href ="проекти">Проекти<a>
<a href ="отзиви">Отзиви<a></a>
</nav>
<!--custom js-->>
<script src="js/script.js"></script>
</body>
</html>
Style CSS:
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');
{
margin: 0;
padding:0;
box-sizing:border-box;
text-decoration: none;
border: none;
outline: none;
scroll-behaviour: smooth;
font-family: 'Poppins',sans-serif;
}
Thanks!
I’ve looked more carefully but saw nothing wrong with mine and his code.
2
Answers
It's fixed guys. I had to add * at the beginning of the code. Thank you.
to apply your style you need a css selector, try add body as a selector as below.