« first day (2855 days earlier)      last day (933 days later) » 

6:16 AM
posted on February 22, 2021

New Cyanide and Happiness Comic

 
 
2 hours later…
7:57 AM
: stackoverflow.com/q/66295644/8620333 perfect duplicate reopened by a gold badge
 
 
7 hours later…
2:37 PM
@CupOfJava grandchildren of grids aren't grid items by default, IIRC. If you want an element to be treated as a grid item, you need its parent to have display: grid set explicitly
@PHPFan control of presentation moved from HTML to CSS a decade or so ago at least
@bigchungus you have explicit font-size set for that and no styles to change it based on the containing element's size or viewport's size anywhere
 
3:24 PM
@TylerH hey
I fixed it on SharePoint, atleast the responsive text. I cannot seem to get the images to be responsive, jsfiddle.net/q4ws2uev/1 they stay side by side when the window shrinks
Usually, setting the containing elements height to auto does the trick, but it isn't effective
See the updated css jsfiddle.net/cz93k0s1
 
 
1 hour later…
4:42 PM
@bigchungus you have the images set to get smaller and smaller so the viewport getting smaller never encounters a situation where the images are too big to fit in a single row
if you want them to change to a column based on their flexbox properties and the viewport width then you need to set a minimum size for the images or at least their containers
 
5:34 PM
I set a min-width & min-height for the container of the image and it is still doing the same thing
 
 
1 hour later…
7:04 PM
 
7:15 PM
0.o
I also changed the width from 400px; to 100% then made 400px the max-width, and created a min-width. they alter size, but they stay in the same row
So I partially got it, jsfiddle.net/o32w7j4a/1. It works and transforms into one column with the media query, but it appears the paddings increasing when the window size shrinks?
 
8:25 PM
@TylerH so lost
 
 
2 hours later…
10:07 PM
@TylerH Thanks that's what I needed. So it does have to be grid all the way down.
 
 
1 hour later…
11:25 PM
@CupOfJava well the last items don't need display: grid on them, only the parent of whatever direct children you want :-)
 

« first day (2855 days earlier)      last day (933 days later) »