first upload of the learning project

[Sabrina-Lombriser]

I created a wedding website with several information about the wedding
I'm struggling with the alignment of the different boxes

[NadiaPosch]

The basic structure of your html looks very good, well done! 💪🏽 I've made a few suggestions where you could simplify or improve UX but it's a great foundation 👍 Amazing how far you've come in just a few weeks. You can really be proud of yourself 😊

[NadiaPosch]

You could simplify the html structure for all the li elements as follows (with a few CSS changes; see other comment):

Suggested change

	<li class="wishlist">
	<div class="wunsch-container">
	<div class="wunsch-Bild">
	<img
	class="image-wunsch"
	src="./images/Abendessen.jpg"
	alt="Bild zNacht"
	/>
	</div>
	<div class="wunsch-Text">
	<p>
	Gemütliches Nachtessen <br />
	<strong>100 CHF</strong>
	</p>
	</div>
	</div>
	</li>
	<li class="wishlist wunsch-container">
	<img
	class="image-wunsch"
	src="./images/Abendessen.jpg"
	alt="Bild zNacht"
	/>
	<p class="wunsch-Text">
	Gemütliches Nachtessen <br />
	<strong>100 CHF</strong>
	</p>
	</li>

[NadiaPosch]

To simplify the li structure as mentioned, you'd have to make the following changes:

Suggested change

	.wishlist {
	padding-bottom: 20px;
	width: 33%;
	}
	.wishlist {
	flex-direction: column;
	align-items: center;
	padding-bottom: 20px;
	width: 33%;
	}