Skip to main content
< Back

Table shrinks to fit device width  (width 100%)

Column #1 Column #2 Column #3 Column #4 Column #5
Column #1 Content Column #2 Content Column #3 Content Column #4 Content Column #5 Content

 

Table cells stack vertically when screen is narrower than 680px

1A 2A 3A 4A 5A 6A
1B 2B 3B 4B 5B 6B
1C 2C 3C 4C 5C 6C

 

A floated image with a max. width of 50%  without mobile device consideration

Lorem ipsum dolor sit amet, id dicit repudiare vim. Mandamus instructior id pri. Duo in volumus suscipit detraxit. Sit eu error mucius abhorreant, at ignota meliore legendos eam, mel modus possit intellegebat in. No vis elit harum, eu omnium conclusionemque vel, alii nisl id vim.
 
Sed dico aperiri consectetuer id. In his utamur persequeris, et mel erat solum dignissim. Nam paulo laoreet facilis at, eos novum iusto pertinacia et. Mel ei malis indoctum, mea vitae reprimique et, impetus recusabo platonem duo ei. Euismod adipisci hendrerit sed ut, id solum dicunt percipitur per, enim indoctum ei eum.
 
Malis quaestio dignissim pri ex. Nonumes vivendo volutpat eos ex, usu posse munere ne. Tempor legimus adversarium mea id. Duo no diam veri elitr, suas principes vel te, vix an oblique scripserit.
 
Pri et veri lorem, ut omnes malorum omittam quo. Invidunt oporteat forensibus nam at, an dolore reprimique pri. Ex nibh aeterno definiebas eum. No dolorem electram qui, at pri quas vulputate constituto. Pro rebum debet petentium ad, mei diam augue nostrud id.
 
Eirmod aeterno appareat vel an, his an aliquam ullamcorper, vix cu eruditi definiebas sadipscing. Est ad putant delicata argumentum, sea at graeco dissentias. Diam efficiendi nam ei, quo ne prima propriae. Animal torquatos dissentias mei id. Eos laoreet commune molestie ut. Est officiis iracundia te, et cum lorem saepe consequat.

 

A floated image that stacks vertically when screen is narrower than 680px
( with a max. width of 25% and a yellow border )

Lorem ipsum dolor sit amet, id dicit repudiare vim. Mandamus instructior id pri. Duo in volumus suscipit detraxit. Sit eu error mucius abhorreant, at ignota meliore legendos eam, mel modus possit intellegebat in. No vis elit harum, eu omnium conclusionemque vel, alii nisl id vim.
 
Sed dico aperiri consectetuer id. In his utamur persequeris, et mel erat solum dignissim. Nam paulo laoreet facilis at, eos novum iusto pertinacia et. Mel ei malis indoctum, mea vitae reprimique et, impetus recusabo platonem duo ei. Euismod adipisci hendrerit sed ut, id solum dicunt percipitur per, enim indoctum ei eum.
 
Malis quaestio dignissim pri ex. Nonumes vivendo volutpat eos ex, usu posse munere ne. Tempor legimus adversarium mea id. Duo no diam veri elitr, suas principes vel te, vix an oblique scripserit.
 
Pri et veri lorem, ut omnes malorum omittam quo. Invidunt oporteat forensibus nam at, an dolore reprimique pri. Ex nibh aeterno definiebas eum. No dolorem electram qui, at pri quas vulputate constituto. Pro rebum debet petentium ad, mei diam augue nostrud id.
 
Eirmod aeterno appareat vel an, his an aliquam ullamcorper, vix cu eruditi definiebas sadipscing. Est ad putant delicata argumentum, sea at graeco dissentias. Diam efficiendi nam ei, quo ne prima propriae. Animal torquatos dissentias mei id. Eos laoreet commune molestie ut. Est officiis iracundia te, et cum lorem saepe consequat.
 

The following image is only visible on wide screens

 

The following image is only visible on narrow screens

Our Mission - Through education, research and rescue, Dolphin Research Center promotes peaceful coexistence, cooperation and communication between marine mammals, humans and the environment we share with the well being of DRC's animals taking precedence.
Follow Us
  • Facebook Logo
  • Twitter Logo
  • Instagram Logo