Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 11, 2015 at 5:33 pm #516992
    MulderMind

    Hi there!

    I really need you help.

    I’m trying to achieve this:
    Example

    Closest I got was using a grid row with 4x 1/4 and setting the sizes the background color of the two on the left to red and the two on the right to black and using the two middle cells for content.
    The problem with that was that on mobile devices there was one empty cell displayed resulting in to much red before getting the accordion.
    Is there any CSS code I can add to the cells to not have them display on mobile devices?

    Or you have any other solution?

    Thanks!

    October 11, 2015 at 10:28 pm #517056
    Basilis

    Hey MulderMind!

    Have you tried them 2 columns version and add some custom CSS with padding / margin on the text elements?

    Cheers!
    Basilis

    October 12, 2015 at 6:48 am #517116
    MulderMind

    Hi Basilis.

    I did. And with the padding i can get the accordion in position but the problem is that on mobile devices it wil to far to the right and thus not or partly showing.

    October 12, 2015 at 10:14 am #517223
    MulderMind

    It works now. Thanks

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Full width row with two colors’ is closed to new replies.