0
Need Help with HTML/CSS
so there is the responsible web desing course and i began but when it came to the stage with the button i had an issiue which was that i dont know where to put the css code. like i know it belongs in thecss file but is it under the heading or below everything because i tried several things and it wont work for me to edit the button
8 Answers
+ 3
game pro Brother that's .btn not .bnt
+ 2
Please show us your code and we can tell you exactly where to put it
+ 1
game pro
It would have been easier if you had shared the link to your code but this will work.
Your button has a class of bnt so to edit your button, add the code you want to the btn section of css
+ 1
HrCoder oh noo thy very much dude i didnt realize that
. i thougt of giving up on that thy thy
0
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="example.css">
<title>Hechts/Götz</title>
</head>
<body>
<header>
<div class="container">
<h1>Die Familien Seite</h1>
<h2>Klicke hier und erfahre mehr Details</h2>
<a class="btn">Details</a>
</div>
</header>
<section class="features">
features
</section>
<section class="quote">
quote
</section>
<footer>
footer
</footer>
</body>
</html>
0
thats the code Brain & Bones
0
header {
color: #FFFFFF;
background-color: #284b63;
padding: 80px 0;
text-align: center;
}
section {
padding: 40px 0;
text-align: center;
}
.features {
background: #FFFFFF;
color: #000000;
}
.quote {
background: #549DA0;
color: #FFFFFF;
}
footer {
background: #353535;
padding: 32px 0;
text-align: center;
color: #868686;
}
.container {
margin: 0 auto;
padding: 0 20px 0 20px;
max-width: 900px;
}
h1 {
font-size: 48px;
margin: 0 0 16px 0;
}
h2 {
font-weight: 300;
font-size: 24px;
margin: 0 0 16px 0;
}
0
Brain & Bones
i know that i pastet it below all of that and nothing haplend it looks like this:
.bnt {
display: inline-block;
color: white;
font-weight: 500;
font-size: 20px;
background: #549DA0;
border: none;
border-radius: 5px;
padding: 12px 16px;
cursor: pointer;
}