Add Two New Type Selectors (h1 And H2). Use The Font-size Property ... Trang chủ » H1 H2 P Css » Add Two New Type Selectors (h1 And H2). Use The Font-size Property ... Có thể bạn quan tâm H1 H2 Q1 H1 H3 H4 H7 H1 H3 H4 H7 H11 H1 H3 Seo H1 H4 D1 Add two new type selectors (h1 and h2). Use the font-size property for both, but use the value 40px for the h1 and 30px for the h2 HTML-CSS katehgeoffrey169 June 1, 2022, 8:01pm 1 Tell us what’s happening: Describe your issue in detail here. **Your code so far** /* file: index.html */ <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Cafe Menu</title> <link href="styles.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="menu"> <header> <h1>CAMPER CAFE</h1> <p class="established">Est. 2020</p> </header> <main> <section> <h2>Coffee</h2> <article class="item"> <p class="flavor">French Vanilla</p><p class="price">3.00</p> </article> <article class="item"> <p class="flavor">Caramel Macchiato</p><p class="price">3.75</p> </article> <article class="item"> <p class="flavor">Pumpkin Spice</p><p class="price">3.50</p> </article> <article class="item"> <p class="flavor">Hazelnut</p><p class="price">4.00</p> </article> <article class="item"> <p class="flavor">Mocha</p><p class="price">4.50</p> </article> </section> <section> <h2>Desserts</h2> <article class="item"> <p class="dessert">Donut</p><p class="price">1.50</p> </article> <article class="item"> <p class="dessert">Cherry Pie</p><p class="price">2.75</p> </article> <article class="item"> <p class="dessert">Cheesecake</p><p class="price">3.00</p> </article> <article class="item"> <p class="dessert">Cinnamon Roll</p><p class="price">2.50</p> </article> </section> </main> </div> </body> <html> /* file: styles.css */ body { background-image: url(https://cdn.freecodecamp.org/curriculum/css-cafe/beans.jpg); font-family: sans-serif; } .h1,h2 { font-size: 40px, 30px; } .established { font-style: italic; } h1, h2, p { text-align: center; } .menu { width: 80%; background-color: burlywood; margin-left: auto; margin-right: auto; padding: 20px; max-width: 500px; } h1, h2 { font-family: Impact, serif; } .item p { display: inline-block; } .flavor, .dessert { text-align: left; width: 75%; } .price { text-align: right; width: 25% } **Your browser information:** User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.5005.63 Safari/537.36 Challenge: Step 63 Link to the challenge: freeCodeCamp.org Learn to Code — For Free Sboonny June 1, 2022, 8:05pm 2 Hey @katehgeoffrey169, welcome to the forum. If you need help, feel free to describe your issue in Tell us what’s happening: section. We are happy to help, but it’s hard without knowing the issue. okibe007 June 1, 2022, 8:06pm 3 katehgeoffrey169: .h1,h2 { font-size: 40px, 30px; } Walk me through what this code is suppose to do 1 Like katehgeoffrey169 June 1, 2022, 8:37pm 4 i am supposed to Add two new type selectors (h1 and h2 ). Use the font-size property for both, but use the value 40px for the h1 and 30px for the h2 . but i am stuck and dont understand how to do this Griff June 1, 2022, 8:41pm 5 Hi, Here’s some tips. You don’t need to combine the two selectors into one list selector. Also you don’t need a full stop before the h1 selector. The full stop is only for custom css classes. Hope that helps! 2 Likes katehgeoffrey169 June 1, 2022, 9:15pm 6 thanks let me try this suggestion katehgeoffrey169 June 1, 2022, 9:37pm 7 thanks your suggestion worked 1 Like vishnuak15 October 10, 2022, 5:27pm 8 Try this h1{ font-size: 40px; } h2{ font-size: 30px; } 2 Likes system Closed April 11, 2023, 5:27am 9 This topic was automatically closed 182 days after the last reply. New replies are no longer allowed. Related topics Topic Replies Views Activity Learn Basic CSS by Building a Cafe Menu - Step 62 HTML-CSS 6 1248 January 6, 2024 Learn Basic CSS by Building a Cafe Menu - Step 62 HTML-CSS 2 264 April 17, 2024 Learn Basic CSS by Building a Cafe Menu - Step 63 HTML-CSS 6 1743 January 21, 2023 Learn Basic CSS by Building a Cafe Menu - Step 63 HTML-CSS 2 339 February 25, 2023 Learn Basic CSS by Building a Cafe Menu - Step 62 HTML-CSS 5 608 December 7, 2024 Từ khóa » H1 H2 P Css HTML H1 To H6 Tag - W3Schools –: The HTML Section Heading Elements - MDN - Mozilla What Are The Default CSS Styling Of Heading Tags? (H1, H2, H3, H4, H5) Css/Training/Selectors - W3C Wiki 6 Selectors Heading Tags (H1, H2, H3, P) In HTML - Accessibility At Penn State HTML And CSS: The Basics - GitHub Pages [PDF] 1. Write The Correct CSS To Center All H1 And H2 Headings. HTML And CSS Tutorial - Nanyang Technological University Typography · Bootstrap V5.0 H2 P In Css Code Example Discussions And Answers - Department Of Computer Science How To Style Text Elements With Font, Size, And Color In CSS How To Prevent A Line Break With An H1, H2, H3 Tag - Ironpaper
