Learn Responsive Web Design by Building a Piano - Step 6

HTML-CSS
1

Tell us what’s happening:

Eu não consegui entender o erro. Alguém me ajuda , por favor.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Piano</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  </head>
  <body>

<!-- User Editable Region -->

    <div id="piano">
      <div class="keys">
        <div class="key"></div>
        <div class="black--key"></div>
        <div class="black--key"></div>
        <div class="key"></div>
        <div class="black--key"></div>
        <div class="black--key"></div>
        <div class="black--key"></div>
      </div>
    </div>

<!-- User Editable Region -->

  </body>
</html>

/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36 Avast/131.0.0.0

Challenge Information:

Learn Responsive Web Design by Building a Piano - Step 6

2

you should not remove teh key class when you add the black--key class

1 Like
3

I’d like the help , but continue the wrong. I don’t know.

4

have you tried changing something? you need to give two classes to the elements that also want the second class

5

You want to add a second class to the already existing class of key. There is no need to create a 2nd class explicitly.

6

[quote=“ILM, post:4, topic:734993, full:true”]
have you tried changing something? you need to give two classes to the elements that also want the second class
[/quote]Give a example . I’m completely lost. the question is around the @media (max-width: 768px) {
body {
font-size: 18px;
}
it isn’t working. How do i do?

7

i have everything forms, but the problema is @media (max-width: 768px) {
body {
font-size: 18px;
} How do i do

8

I don’t understand what you are asking, this step 6 is about adding the second class to some elements

if you are asking about a different step, this topic is not the right place

9
10

Hi Buddy read this line. This line emphasis that you can do add two classes in one element
Remember that a class attribute can have multiple values.

Here is the example below.

 <h1 class="One Two">This is the heading</h1>

In it you can see how I used two classes One and Two.

Note: Kindly don’t put comma , in between your two classes.

Hope You Understand.