Assessment wanted for Backgrounds and borders tests

MDN Learn
1

Hi! Need assessment for backgrounds and borders tests.

codepen:

  • Task 1.
  • Task 2. I put more difficult solution in a comment but dont change image link to be short.
2

Hello @VladimirK

you doing great well done

you just need to add some padding to make & to show up on the second line
and for the commented one it cause the size of the box which make it can has more stars :wink:
hope that help and have a nice day

1 Like
3

Thank you! i change padding in .box selector from 0.5em to 0.6em and it works. But github starting point for this task have 0.5em padding :thinking:

4

you very welcome some points about that

  1. there precedence in css selector like which selector will be used in which case check this one Specificity - CSS: Cascading Style Sheets | MDN

  2. in case of same precedence level then what come last override the previous one

  3. padding on box also affect the h2 as h2 is child of it right click the h2 element then inspect and look for how it affect the h2 element
    check the layout section

    Screenshot from 2021-10-03 21-30-52
    Screenshot from 2021-10-03 21-30-521362×250 64.2 KB

    for me both .5 and .6 did not work for me

  4. i used the padding (you need only the left and right only )on the h2 as it would affect the h2 and nothing else in case if there other element inside the box

hope that help and have a nice day :slight_smile: