The table is expandable in the height. If there is too much content in the 'What' column, it will be scrollable. I hope this table can be useful for various lists of events, agendas etc. More rows can be added by duplicating one of the list containers with the class 'input-row'. Also, events can be deleted the same way after they have taken place. The table can be made to cover less than a full width screen by setting a max-width on the 'table-wrapper' row. For mobile size viewports, however, it is recommended to keep the full width, otherwise the columns will start bouncing into each other.
To make a component of the table, select the row 'table-wrapper'.
Workshop: Fixing IE 11 shortcomings
Podcast: Keeping the world at peace and staying out of conflicts with N-Korea, China, Iran, Turkey, UK, Germany, the rest of the EU and the world. My dreams, experiences and recommendations.
Video course: How to build a website from scratch using CoffeeCup's responsive sitebuilders.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et metus.