Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Simple Omelette Recipe using Flexbox and Media queries

@thebreezyguy1

Desktop design screenshot for the Recipe page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


What challenges did you encounter, and how did you overcome them?

  • Adding spaces between bullets and texts in lists
  • Adding border-bottom to table rows

Community feedback

Benji 320

@Benjihunt97

Posted

One easy way to add space between the li's is to set the ul to flex and flex-direction column, then add your gap or even add padding to the li's

1

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord