Struktura plików:
Folder:
-index.html
-style.css
Kod:
<!DOCTYPE html>
<html class="no-js" lang="pl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<title> Przepis na Babeczki </title>
<meta name="description" content="Idealne Babeczki">
<link href="style.css" rel="stylesheet">
</head>
<body>
</body>
</html>
@media screen and (min-width: 50rem) {
.introwrapper {
display: table;
table-layout: fixed;
width: 100%;
}
.introtext {
display: table-cell;
width: 50%;
vertical-align: middle;
text-align: center;
}
.introtext {
padding: .51rem;
font-size: 2.5rem;
text-align: left;
}
.ingredients {
font-size: 9rem;
float: right;
padding: 1rem;
margin: 0 0 .5rem 1rem;
border-radius: 3px;
background-color: #ffffdf;
border: 2px solid #e8cfa9;
}
.ingredients h3 {
margin: 0;
}
}
i o ile kod w css jest dobrze to będzie wszystko działać kod w css poprostu skopiowałe i wkleiłem
bo jeśli są w tym samym folderze to po co href="css/styles.css"? to oznaczało by że arkusz tylów jest w podfolderze o nazwie css