Mini App project

HTML-CSS
1

Can anyone help identify error in this code?

#outcome p{
        height:40px;
        color: #fff;
        border-bottom:5px solid #fff;
        font-size:2em;
        margin:0;
        padding: 0.5em 0 0.5em 0;
        
      }
2

You will need to post whole code, saying what is the expected result, and what is instead you are getting

Also, if you are using an editor search for a validator, it will help find syntax error

3

Please can u help this #Oracle button not having the specified style rule

5

ok, let me see how to structure it out

6
  • The PARAGRAPH within the DIV with ID of outcome should be 40px high, have a white foreground color, solid white 5px bottom border, 2em font size, no margins, 0.5em top/bottom padding and no left/right padding
<div id="outcome">
      <h2 class="mdc-typography--headline5">BMI<h2>
        <p></p>
        </div>
7 
 #outcome p{height:40px;
        color: #fff;
        border-bottom:5px solid #fff;
        font-size:2em;
        margin:0;
        padding: 0.5em 0 0.5em 0;
        
      }
8
  1. have a white foreground color

You don’t have an explicit background color set, but I don’t know if that is needed.

  1. 0.5em top/bottom padding and no left/right padding

They might want you to use the shorthand like this.

padding: 0.5em 0;

9

Error message: The paragraph in the #outcome div does not have specified css style.

10

We can’t know what the problem is, we didn’t make the test or whatever it is.

12

^Agree.

You might try using the color keyword white instead of #fff but that would seem pretty dumb to test for. Also, by foreground color they just mean color, so don’t set a background color as I said.