Struggling with some height adjustments while working on my CSS using HTML5 and CSS3.
HTML
1. <section>
2. <article>
3. Article 1
4. </article>
5. <article>
6. Article 2
7. </article>
8. <article>
9. Article 3
10. </article>
11. </section>
CSS
1. section {
2. float: left;
3. width: 100%;
4. }
5. section article {
6. float: left;
7. width: 33.3%;
8. min-height: 100%;
9. }
I am trying to make the sections expandable based on the height of articles, without setting a fixed height for each section. Any advice would be greatly appreciated!