Flexbox Media Queries Demo
Blue for the desktop, Yellow for the tablet and dropdown menu for the phone
Donec vitae purus nec orci luctus accumsan. Duis a mauris at arcu ultrices semper. Fusce rutrum ligula eget odio semper hendrerit. Morbi iaculis rhoncus mauris, et vulputate nisi imperdiet non. Donec tincidunt vestibulum egestas. Pellentesque eleifend volutpat laoreet. Proin ornare augue ut libero sollicitudin suscipit eget ut nibh. Vestibulum vitae arcu ultrices justo dignissim volutpat id at nunc. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur rhoncus bibendum orci, vel auctor sem feugiat eget.
Suspendisse non enim id eros volutpat blandit. Praesent malesuada consequat pulvinar. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas sollicitudin lorem a enim condimentum euismod. Fusce eget sem leo, quis commodo dolor. Vivamus nulla libero, bibendum non malesuada a, pulvinar vel sapien. Aenean magna arcu, sodales lacinia sodales id, elementum nec lectus. Nulla venenatis rhoncus purus, ut posuere orci malesuada vel. Nam sit amet consectetur diam. Suspendisse vel accumsan nulla. Sed volutpat lobortis lectus in interdum. Sed eu risus orci. Nulla facilisi. Donec elementum mattis ipsum vitae tincidunt. Maecenas quis sem in risus tempor hendrerit.
Nunc eget mauris non magna aliquet bibendum. Ut blandit ligula at tellus pretium ac blandit neque malesuada. Vivamus dignissim augue eu dolor imperdiet pulvinar. Integer nec neque mauris, vel iaculis mauris. Cras sit amet tincidunt nunc. Donec consectetur vestibulum ante, eu tristique arcu laoreet sit amet. Mauris tempor, magna eu tincidunt facilisis, nisl mauris vulputate orci, sed ornare tellus dui vel nisi. Sed pulvinar, magna suscipit ultrices consectetur, mi dolor suscipit ipsum, sit amet rhoncus est sem eget dui. Morbi ipsum turpis, dignissim in rhoncus eget, auctor facilisis odio. Duis porta nunc vel ante dapibus sed ultrices ante tristique. Nunc at risus purus. Quisque nec semper velit. Nullam luctus nibh ac orci fringilla fermentum. Vestibulum vel odio vitae risus euismod egestas. Donec quis leo et mi pretium lacinia.
Nam id felis odio, nec tincidunt enim. Nam mauris velit, tincidunt at gravida vitae, faucibus at velit. Ut pellentesque aliquam velit, non scelerisque purus lobortis ac. In pulvinar, nisi non luctus scelerisque, erat risus dignissim nisl, id cursus nunc eros vel lacus. Nulla tortor ligula, vulputate vitae rutrum vitae, convallis vitae metus. Nunc non risus turpis. Ut augue quam, sodales a consequat non, auctor ut nibh.