I got feedback from David Bromberg and Professor Abram Siemsen.
-He recommends putting the number in-line with the rest of the copy for legibility and a cleaner appearance.
-I should also align the recipe copy to line up with the center of the images on the left.
-There were also some concerns about the legibility of the type. He advised making the font a little larger.
Professor Abram's Feedback
-When building my website, I should create layered boxes with colored backgrounds instead of trying to make one large colored box that spans the height of my site.
-I should consider the alignment of my copy, whether it should be aligned with the top of the image or aligned with the image center.
-If the height of my recipe text ever exceeds the height of the image, I can use the 'flex-box' capabilites in CSS to grow the height of the container to accommodate the extra copy.
-When making my two-column ingredients section, I should consider using the 'col-count' function, which would be appropriate in this contained, 2-column example.
-The font-size should be larger with greater leading in order to increase legibility.
-I should play around with the title treatment because it's not immediately apparent that 'Bibimbap' is the recipe name. Perhaps this can be done by using a different font family.
-I might consider making the colored background a lighter hue in order to make the relationship between image and text a little more obvious.