aligning flex items
i have three items, i want the first two items to be aligned at the beginning, and the third item to be at last of the container
6 Replies
why using "align-self:end" at the third item isnt doing it
Are you talking about the prices for the addons?
align-self: end is working on those, as it's on the cross axis, so it's pushing them to the bottom.
If you want to push them to the right side, you'll want to use a margin-left: auto
The one problem is you have a #addons-container *, with margin: 0, which is going to get in the way of that.
I'd suggest not using IDs for most things (also, you have some repeated IDs in your HTML, which you shouldn't do. An ID can only be used once per page/document.ohh
is it bad idea to use * on a container
like " #addons-container * "
If I'm going to use a
*, I usually use > * so it only selects direct children... but I'd also use it with a class instead of ID, so that it's easy to overwrite if I need tookay