I need a two column layout with one fixed width column


I need a two column layout - the width of the first column should be fixed and the width of the second should fill the remaining width (depending on the width of the viewport).

Here’s a screenshot of what I have:

The column that contains the times (18.00, 18.05…) should be fixed width and the second column, that contains the text, should fill the remaining space in the div, regardless of the view of the viewport/screen.

How can I achieve this?



Hello Nick,

Thanks for writing to us.

You can divide the column into 2 columns. Please have a look at the given screenshot below.

Or you can set the custom column width as well.

Members-Content-Pro (2)

You may add the custom class in the column and override the CSS by using custom CSS. For that, you need to learn CSS and learn how to use the browser’s element inspector. Please make sure you set the custom width of the column in EM or VW unit in your CSS.


This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.