@beowulf1958
Posted
Great job completing this challenge. Overall, it looks pretty good. You were able to color the list markers, which a lot of people miss.
You do have a problem in your mobile design: the last step in the instructions bleeds out of the container, and the Nutrition title overlays it and it is impossible to read. This can be fixed by removing the height: 77vh;
style from the .instructions-wrapper
As to the quantity lining up, have you tried making the .nutrition-div display grid instead of flexbox? You get better control of the grid elements than you do with flexbox items. I got pretty close to the design by adding to the nutrition-div
display: grid;
grid-template-columns: 1fr 1fr;
Hope this helps.
Marked as helpful