<aside>
<h2>Here is aside</h2>
<div id="sidebar">
<p>Remember, when flex basis is 0 , the available space of the container
(not just the extra space) is distributed proportionally based on the
growth factors present. This is not what we want in this case either. We
want the longer content to take up more space than the shorter content.
</p>
<p>In
the case of flex-basis: auto; , the extra space is distributed
proportionally based on the flex growth factors.<br>With all the links set
to flex: auto; , the space not consumed by actual content is divided
equally among the links. The links all have the same growth and shrink
factors. The links will look like they all have equal left and right
padding, with the "padding" changing dynamically based on the available
space.<br> </p>
<h3>Testimonials</h3>
<!--Testimonial #1-->
<div class="testimonial">
<p class="testimonial-title">The Best Ever!</p>
<p class="testimonial-body">You guys are the best ever. I tried your product and instantly made a millions dollars. Now, I sit around sipping Pina Coladas and playing video games. I'm the happiest ever. Thanks so much!</p>
<p class="testimonial-meta">John Doe, Anywhere, USA, NotaRealDomain.com</p>
</div>
<!--Testimonial #2-->
<div class="testimonial">
<p class="testimonial-title">Saved My Life!</p>
<p class="testimonial-body">You guys saved my life. I was headed for financial disaster, bankruptcy, and divorce... then, I downloaded your 2-page PDF and my life changed forever. You're the greatest. Thanks!!</p>
<p class="testimonial-meta">Jane Doe, Anywhere, USA, NotaRealDomain.com</p>
</div>
</div>
</aside>
|
Download
