Project 8: Event Invitation

CSS Stylist

Builds on these lessons

Flex Direction Flex Wrap Justify Content Align Items

Step 1 of 3

Project

flex-direction: column

Give .invite-details display: flex and flex-direction: column so the date, time, and venue stack vertically as a flex column instead of the row default — flex-direction is what decides which axis "justify" and "align" even mean.

🎯 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!

.invite-details {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

← Previous Next →