• Priority: 0
  • Status: Closed
  • Theme: Alysum
  • Assigned To: Marek
  • Private: No
  • Open Date: 20.04.19, 02:45
  • Opened by: Kapitol
  • Closed by: Marek
  • Closed on: 29.04.19, 13:08
  • Reason: Closed
  • Comment: Glad to help!

Ticket #14299 - Small CSS issue with the instagram feed

Don´t know why but Instagram feed module suddenly have a gap in one row.

if you scroll down in this page »> amenmadrid dot com/es/content/6-news

…you will see that it´s showing a random photo with a bigger height (?)

I tried to add a min-height to all the <li> elements but it´s in vane because that only reacts good for a specfic viewport

Don´t know if your CSS skills can think on a solution for all vieports at a time, thanks !

Comments

Marek 21 Apr 2019, 22:52

I don’t see the issue. Try to browse the page in “incognito” tab or just clear browser’s cache

Kapitol 21 Apr 2019, 23:35

The Instagram got updated and then all the feed moved, but it´s still there, please take a look on the screenshot attached

The whole feed it´s not getting messed up like yesterday because in the last line there is only one square, as soon as the Instagram gets updated again will be two and will be broken again.

It´s maybe the image pointed in the screenshot it´s bigger (few pixels) than usual ? It´s than even possible in Instagram ?

Kapitol 21 Apr 2019, 23:52

I can alert you once the IG gets updated again, maybe it´s better to solve it with the error showing the head up ^^

Marek 22 Apr 2019, 11:46

sorry, but I still don’t see the problem http://take.ms/M2UdD

Kapitol 22 Apr 2019, 18:34

I will alert you once the IG gets updated again, maybe it´s better to solve it with the error showing the head up ^^

Kapitol 29 Apr 2019, 09:46

hey Marek, now you can see the error showed again

Marek 29 Apr 2019, 11:59

Try following fix:

.widget-instagram .row {display:flex;flex-wrap:wrap}
Kapitol 29 Apr 2019, 13:08

oh yes,seems to work ^^
thanks marek !