2 rows with odd number of elements not blending on mobile

thomas warren

• May 31, 2020 02:55

On desktop version of site, there are 2 rows of 5 columns. When it switches to mobile, the 5th item of row 1 is followed by a blank space. Is there a way of making item in column 1 of row 2 fill in the space?

In image below, Breanna is 5th column in row 1.

 

0

• 

  Sandra Prunici

  • June 01, 2020 11:16
  • Edited

  Hi,

  This happens because the row has 5 columns. Therefore, in the tablet and mobile mode, the columns are placed regarding the rows. To fix this inconvenience I suggest adding 2, 4 or 6 columns for the row in the desktop mode. We are using the Bootstrap Grid and the row is working in such a way as he row is a block element. Another solution to change this behaviour you have to add some Custom CSS.

  Thanks!

  Best regards,
  Sandra

  0

Please sign in to leave a comment.