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

1st Aug 2021, 11:48 AM
Nils Hecht
Nils Hecht - avatar
8 Réponses
+ 3
game pro Brother that's .btn not .bnt
1st Aug 2021, 11:59 AM
Pariket Thakur
Pariket Thakur - avatar
+ 2
Please show us your code and we can tell you exactly where to put it
1st Aug 2021, 11:51 AM
Brain & Bones
Brain & Bones - avatar
+ 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
1st Aug 2021, 11:55 AM
Brain & Bones
Brain & Bones - avatar
+ 1
HrCoder oh noo thy very much dude i didnt realize that . i thougt of giving up on that thy thy
1st Aug 2021, 12:00 PM
Nils Hecht
Nils Hecht - avatar
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>
1st Aug 2021, 11:52 AM
Nils Hecht
Nils Hecht - avatar
0
thats the code Brain & Bones
1st Aug 2021, 11:53 AM
Nils Hecht
Nils Hecht - avatar
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; }
1st Aug 2021, 11:54 AM
Nils Hecht
Nils Hecht - avatar
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; }
1st Aug 2021, 11:56 AM
Nils Hecht
Nils Hecht - avatar