How to place spans at the bottom of its container
Hi community. I would like for the spans which are marked in blue, to sit at the bottom of their container, which is annotated in developer tools. So far, I have only come up with an idea of wrapping the article in a flex, and then giving the paragraph which is above the spans, flex-grow of 1. However, I am exploring if there's another way to approach this. Now, I know I cannot use auto value for the top and bottom margin. Does anyone have an idea of how to do this?
1 Reply
If you use grid or flex on the container you can use auto margins! That’s basically what align-self: end does. I would slap a grid on it and either take advantage of grid and make columns/rows to make media queries easier or just use the
align-self: end
on the container with those spans and call it a day 🤣