Responsive Recipe Page with CSS

Community feedback

• 

  Caio Azevedo•270

  @justCaioDevPosted 2 months ago

  It's really great your solution! Congratulations!

  • About the change color of the numbers or symbol of an list. I used the pseudo-element "::marker" in the css. For example, "ol > li::marker { color: #f2f2f2; }". Using this pseudo-element you can style the numbers or symbols of an list item.
  • Now about the nutrition align. I used display flex, I placed each line inside a div, then I used display flex on that div and within the texts of each line I added "flex: 1;". This makes each element within the div occupy all available space, so they automatically align.

  Sorry, my english is not perfect, but I hope I helped u.

  0
• 

  Ralph-arch4•10

  @Ralph-arch4Posted 2 months ago

  Hello everyone , I'm trying to make practice with web coding , and I really like it but I encountered some problems by solving the challenge; 1.I cannot find a way to color differently the number of an ol list; 2. I cannot just think that in the nutrition section, the names and the numbers (ex. calories 277kcal, Carbs 0g) are not perfectly aligned, can someone help me; Furthermore I'd really appreciate some resources link to get web coding certifications;

  0