First time of asking a coding question in a forum, I’ll try to be as precise as possible. I fought through the Tea Cozy Project and I do have some questions regarding the biggest struggles I’ve had so far.
I have uploaded my solution to codepen, here’s the link: https://codepen.io/bg4496/pen/vYNaeQq .
My HTML/CSS is attached as a file for you guys, just to get a better overview. My questions or problem statements are:
worst part: the locations section. I couldn’t position the Locations
<h2>straight above the vertically and horizontally centered flexbox “address” items. When using flexbox I could only align the
<h2>next to the addresses, when using
width: 100%I could achieve a line break, but then the
<h2>is not properly aligned vertically, it just sticks to the top of the parent container
flex: 1only aligns the elements properly, tried hard to understand the concept but just accepted it in the end. but after applying this, the wrapping behaviour got quite weird and looked like this:
flex: autoafter trial and erroring around solved that issue)
any general bad practices that can be found in my code? Overengineering, easier
<div>structure for example
Hopefully, that’s not too much for one forum post to deal with. I appreciate every answer, keep learning friends.