Nested Columns and rows

  • wrathyimp

    (@wrathyimp)


    7 years, 1 month ago

    I need to achieve a responsive table that can stack up cells in mobile resolutions, As tables try to adjust but don’t stack up to be a single cloumn.
    I am trying to achieve the below layout using su_row and su_column, but its not working for the inner columns and the last column.
    https://ibb.co/NVD2bDn
    +—–+————+——+
    |/////|+—-+—-+|/////|
    |/////||////|\\\\||/////|
    |/////|+—-+—-+|/////|
    |/////||\\\\\\\\\||/////|
    |/////|+———+|/////|
    +—–+————+—–+

    shortcodes:
    [su_row]
    [su_column size=”1/4″]

    [/su_column]
    [su_column size=”1/2″]
    [su_row]
    [su_column size=”1/2″]

    [/su_column]
    [su_column size=”1/2″]

    [/su_column]
    [/su_row]
    [su_row]

    [/su_row]
    [/su_column]
    [su_column size=”1/4″]

    [/su_column]
    [/su_row]

    • This topic was modified 7 years, 1 month ago by wrathyimp.
    • This topic was modified 7 years, 1 month ago by wrathyimp.

The topic ‘Nested Columns and rows’ is closed to new replies.