Responsive Recipe Page

Community feedback

• 

  P

  Katrien Schuermans•1,210

  @katrien-sPosted 10 months ago

  Answer to your question: don’t put all your li-content in a span. Just wrap a span around the words that need to be bold. All the rest of the text can just be inside the li: ´<li><span>Total: </span>Approximately 10minutes</li>´ If nothing needs to stand out, don’t use span. It is ok to have text inside an li-element. Also in the <ol>, there is no need to type the numbering yourself. It happens automatically.

  This is a helpful article: https://css-tricks.com/everything-you-need-to-know-about-the-gap-after-the-list-marker/

  Marked as helpful

  1
• 

  Jamesolukanni•150

  @JamesolukanniPosted 10 months ago

  It's pretty simple as I also just completed the challenge. You can either make use of <span> or <p> or some other inline element after your <li> before you input your word so you can select the <p> or <span> using descendant selection in css and style it in such a way that the second line starts from exactly where the first line starts from. you can check my solution here https://jamesolukanni.github.io/recipiepage/. Go through my repo https://github.com/Jamesolukanni/recipiepage.git if you’d like to see how I did mine but that’s the explanation in a nutshell

  0