Exercise 8

[powlaa]

No description provided.

[roschaefer]

Hey @Systems-Development-and-Frameworks/lichtow your PR is nice and easy! We should have had more exercises without dependencies to the previous exercises.

I really like that you used TailwindCSS and I like the simplicity of the DOM compared to all the unnecessary markup that other groups have added, because they used bootstrap.

You recieved 5/5 ⭐ in this exercise:

⭐ For a header and it's responsiveness (direct links vs. hamburger menu)

⭐ For a content section and it's content items

⭐ For a responsive content section (3-column vs 1-column layout)

⭐ For responsive content items (1-column vs. 2-column layout)

⭐ For a footer

[roschaefer]

If it's just text, I would pass it as an object via props:

export default {
  data() {
    return { items: [{title: 'some title', text: 'lengthy text..'}, /* ... */] }
  }
}

<ContentItem v-for="item in items" :key="item.title" :item="item" />

[roschaefer]

Once you have arbitrary HTML it's time for a <slot>.

[roschaefer]

@Systems-Development-and-Frameworks/lichtow your team has reached all 70/70 ⭐ of all homeworks. Amazing!