loogart / impact-canada

Canadian Government's Privy Council's Office Impact Canada website.
https://loogart.github.io/impact-canada/
0 stars 0 forks source link

News page EN only #55

Closed loogart closed 5 years ago

loogart commented 5 years ago

On the English News page, at a media query min-width: 1200px, the row which contains all the news items becomes narrow and aligned to the left. Happens only on Chrome and Safari. On IE, everything looks good.

The french page doesn't have the same effect.

need to investigate and fix.

djsutter commented 5 years ago

I spent an hour looking at this in the first week of January, and still can't quite explain it. I did detailed comparison of the HTML structure and the CSS, and they are identical. My best guess is that the French text is such that it has crossed some threshold which causes the columns to go full width.

I set the width of div #wb-auto-1 to 100% and it is working, but I'm not sure if it affects anything else in the site. Have a look around and if everything looks ok then I guess we're done with this one.

loogart commented 5 years ago

@djsutter let's close this. Rodney has requested something new regarding this section, so @habernation and I will be working on building this. Thanks for the help on this.