Motion Graphics Final Project
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sit amet magna a quam egestas faucibus. In risus metus, porttitor non gravida at, auctor in lorem. Duis euismod, lacus eu egestas sodales, massa lacus viverra elit, nec lacinia diam elit vel dolor. In sed tellus justo, malesuada laoreet quam. Donec gravida mattis imperdiet. Mauris ligula elit, sollicitudin id gravida eget, egestas rhoncus arcu. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In hac habitasse platea dictumst. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi facilisis risus vitae est venenatis elementum. Etiam condimentum lorem sed eros faucibus in euismod leo auctor. Sed eu quam velit. Nunc ornare feugiat purus, in accumsan massa placerat ut. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nunc neque lorem, egestas vitae imperdiet a, imperdiet quis diam.
Read More
facilisi. Morbi mollis tempor purus semper suscipit. Nullam convallis purus vitae ante imperdiet gravida. Donec in sapien tortor, quis aliquet ligula. Phasellus at metus nec nunc ultrices fringilla. Curabitur sed pulvinar ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla elementum libero quis felis mollis fermentum. Donec ullamcorper tortor et ligula rutrum nec malesuada magna sagittis. Suspendisse viverra gravida sodales. Aenean gravida facilisis purus, et condimentum tortor pharetra sed. Phasellus blandit vulputate blandit. Nam orci urna, sagittis sit amet commodo id, pretium ac arcu.
Duis justo mi, vehicula vitae vestibulum tempus, lacinia eu magna. Fusce vel tellus massa. Vestibulum aliquet ligula ipsum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer varius, eros et venenatis commodo, eros sem molestie ligula, a tincidunt tortor arcu id odio. Vestibulum id elit nec elit vulputate laoreet. Vivamus vitae diam dolor, eget egestas velit. Integer cursus dignissim lectus, nec molestie sapien fringilla quis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque hendrerit elit nec arcu gravida tristique. Nullam at eros a magna eleifend condimentum non et ante. Nam vitae diam tortor. Duis sed justo id tortor tristique consectetur. Fusce quis mi mi. Aliquam erat volutpat.
This free script provided by
JavaScript
Kit
This Project took 5 hours
The hardest part of this project was figuring out how to get the columns and their content to float properly. Spaceing the paragraphs in the middle column was also a challenge.
I started off the project with a mock up so I could figure out how many pixels I needed for each column. I started with a width of 960 px and decided half of that space would be occupied by the middle column. I'm not good at math so it helped to make a visual of it. I then made the background based on those numbers.
I also had a problem with the min-height in css, I started with 400px, but it didn't expand when I put in the 3 paragraphs of Lorem epsom, so I changed the min-hieght to 800px, and that seemed to solve it.