Listers,
Can't post a link yet, but maybe you can still help me as I still
don't have a firm grip on flex yet...
Given:
<aside>
<div>
<a href="">
<p></p>
<p></p>
<p></p>
</a>
<a href="">
<p></p>
<p></p>
<p></p>
</a>
<a href="">
<p></p>
<p></p>
<p></p>
</a>
</div>
</aside>
div{
display:flex;
flex-direction: row;} sets my <a>s to be the same height as <div>
based on tallest. Perfect.
a{
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;} sets my <a>s as flex containers also.
a p:last-child{align-self: flex-end;} to get the last <p> to stick to
the bottom of <a>s, but this isn't working. Where am I messing it up?
Thanks
--
Tom Livingston | Senior Front End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com
#663399
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
