Responsive recipe page using CSS Nesting

Community feedback

• 

  DPOsengo•50

  @DPOsengoPosted 10 months ago

  Hi, I see that you used ul::marker to color your bullets, interesting, but apparently still "experimental", here is a whole page I used, very interesting, explaining how to completely restyle them : CSS: Colored Bullets and List numbers by Bert Bos ... and I will spoil the end, when the author gives an even quicker trick to do that : put your text in <span> like this :

  <li><span>This is a list element</span></li>

  then you color your <li> with these 2 steps :

  li {color: red}
  li span {color: black}
  

  Of course that's "if you have the right to modify the markup", if you cannot add spans, then the whole page explains the how-to.

  Happy reading !

  Marked as helpful

  0

  ---

  

  Benjamin•30

  @Laridot-1Posted 10 months ago

  @DPOsengo, thanks for taking your time to review my work. I actually thought of the second idea while building the project, I just wanted to use what CSS offers. The problem I couldn't solve is the position of the markers, I guess they're vertically aligned at the center of each list item. I wanted to use a span element for the list then add a display of flex and vertically align it but I don't know if that'd be a good solution to that. Should I just provide any solution to problems or should I follow best practices???

  0