When an icon is given a link, align self does not work as expected. This is because the flex-end is still applied to the element rather than the wrapping
1 Like
Hi Sly,
Thanks so much for your report!
Elements that can be “automatically” wrapped with a link are always a bit problematic because it is damn hard to decide which properties should end up where - especially since most of the properties have to land on the element itself and not the link in order to achieve the desired result. As you can imagine, this is almost impossible due to different purposes. However, the solution to this is also very simple.
Add a div, set its HTML tag to a, set it to flex, align-self:end and add your icon inside. This gives you full control over both the link and the icon.
Best regards,
timmse
Thanks @timmse , yes I can understand the difficulties. Much appreciated.