Learn CSS Variables by Building a City Skyline - Step 103

HTML-CSS
1

Tell us what’s happening:

Hi, can someone tell me what is wrong with my code? I have performed what is asked and the hints but still won’t proceed. I also tried to do it in other sites but it doesn’t work.

Your code so far

<!-- file: index.html -->


/* file: styles.css */
/* User Editable Region */

.fb4a{border-top: 5vh solid transparent; }

/* User Editable Region */

Your browser information:

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

Challenge Information:

Learn CSS Variables by Building a City Skyline - Step 103

2

and a border-left that is 8vw, solid, and uses your building color variable as the color.

I don’t see this?

3

even though I added those it doesn’t proceed

4

What does your code look like with that?

5 
.fb4a{border-top: 5vh solid transparent; }

here is the hint: You should give .fb4a a border-top of 5vh solid transparent .

6

You still have no border-left

7 
.fb4a{border-top: 5vh solid transparent; border-left: 8vw solid; background-color: var(--building-color4);}
8

Can you talk to me instead of posting code and error messages at me please?

9

I’ve edited your code for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

10

I’m sorry. I am not used to using the forum. I just can’t understand why my code wasn’t approve when I have performed what is said in the first hint.

11

I’m not seeing where a background-color attribute is requested?

Note - your strange way of sticking everything on one line is making it a bit harder to read your code

12

I have deleted the background-color attribute and it still didn’t work

13

I have also did perform the task on a different browser and it didn’t not work also. I think I have performed the first task accurately, it should’ve shown the 2nd hint but not.

14

I cannot comment on code I cannot see.

You still need to accomplish all of this whole part.

15

The code was accepted using the Microsoft edge browser. Thanks for the help

16

Huh. I’m not aware of any issues with correct solutions not passing on specific browsers for this step.

17

I’ve seen suggestions regarding this topic to use a different browser. When I entered the same code using edge it proceeds.

18

This code should fail on every browser because it is wrong.