Project 7: Restaurant Menu
CSS Stylist
Builds on these lessons
Step 1 of 3
Project
Turning On Flexbox
Give .menu-item display: flex. That single line turns its direct children into a flex row by default — instantly the dish name and price sit side by side instead of stacking, no floats or positioning tricks required.
🎯 Your Task
Please add the exact code shown in the light gray box below to your editor.Do not delete your previous code, just insert these new lines in the correct place!
.menu-item {
display: flex;
}