Responsive 3-column preview card using CSS flexbox

Community feedback

• 

  Dimitar Pavlov•310

  @DimiPavlovPosted over 2 years ago

  Hello Garang, congratulation on completing the challenge.

  Regards your question about color: inherit not working, I suggest you take a look at the MDN site about the 'inherit' property.

  https://developer.mozilla.org/en-US/docs/Web/CSS/inherit

  It does inherit the color of the parent element, in your case, that's the sections. If you take a look at your code, you will see that your section has no color property, only a background-color. So you are trying to inherit a color from a background-color, which is not possible. You can add a random color to your sections and see how your button color will also inherit it.

  Hope I was able to help you.

  Happy coding :)

  Marked as helpful

  0
• 

  P

  Marcell Mihály•750

  @mihalymarcell86Posted over 2 years ago

  Hello @Garang-Deng,

  the problem with color: inherit is that you didn't specify the color property in any of the parent elements of the button, so at the moment it gets its color from the user agent default stylesheet. It won't work between different properties, though. You can't "inherit" the value of a background-color property of the parent to become the value of a color property in the child element. You can, however, set the color property to the same custom property value you used for your background. In that case both background- and font colors will stay in sync, if you wanted to change them.

  Hope, this helps! :)

  Marked as helpful

  0