Lodrigue: And define height : 0 at line 211
Hubright: ONE MORE thing I noticed. wondering if you could help with this too Lodrigue? Mobile Firefox: http://i.imgur.com/NH9oxXk.png container broke Mobile Chrome: http://i.imgur.com/dNOyCVr.png all aligned
Lodrigue: Probably the overflowing video makes that
Casareno: It needed a max-width:100%;
Steppe: Not much reading my book
Prothero: Off to bed for me _. bye!
Lodrigue: Opus13, http://codepen.io/anon/pen/rOevxJ
Rega: How should setting percentage font size of h1, h2 etc be understood? A percentage of the containing parents font-size?
Helmes: Which is not a good idea for headers
Predmore: But rarely a good idea
Rega: I think it should be a good idea, because then it is scaled together with the bread text
Eddins: But, I’d usually prefer em
Rega: Nice to not have to specify font-sizes of h1, h2 etc for every level
Nenez: Hi. I want to make a bigger image side-by-side with a smaller image on a webpage. https://stackoverflow.com/questions/32645867/how-to-make-this-big-image-side-by-side-with-smaller-image Can someone help?
Vandall: Asd_, Preferred live pastebins: http://jsfiddle.net/ • http://codepen.io/ • http://paste.asmcbain.net/ • http://www.webdevout.net/test/
Eddins: Use one of these to create a web page someone can help you debug
Rega: Yeah, those services are great, sometimes, they help you find the answer yourself as well
Rega: We have started to use rem for paddings and margins, is that really a good thing?
Rega: I think em is such a nice thing to use there
Lodrigue: Asd_, http://jsfiddle.net/do2us4rq/
Harshfield: Lodrigue, let me take a look. U’re very kind
Zuch: Lodrigue, Thanks for the solution. There is another solution without using css. See answer at http://stackoverflow.com/questions/32645867/how-to-make-this-big-image-side-by-side-with-smaller-image
Baish: Not sure about the pros and cons of each approach
Simmer: Why bother Chez, it is quite relative anyway :
Lodrigue: Yeah position: relative; =
Damelio: Css humour is the best
Jira: Always a fun place to start a working day
Walloch: I’m reading up on transitions and though I first saw an example that only listed a rule on the :hover declaration the rest of the examples I see listed have the transition rules on both the :hover and the non-hovered element. Can somebody tell me why that is? Is it so that the effect is on the return to normal unhovered state as well?
Lodrigue: Motoservo, http://jsfiddle.net/fcmaw8et/ when you define the transition in the hover section, it will be skiiped when unhovered. It sometimes useful perhaps when you switch between a dropdown elements.
Martindale: I think I’m getting it, Lodrigue. Seems the one in the hover block is for the transition to the those rules and the one in the other block is for the transtion back to normal.
Lodrigue: Check this version: http://jsfiddle.net/fcmaw8et/1/
Lodrigue: And compare the 2 i sent
Federico: So, looking at your example, Lodrigue. When it’s in the div it works in both directions and when in the hover only in one direction?
Lodrigue: When you define the transition in the hover section that works only at hover over.
Rissell: And if that’s the case, why would the rules all be on *both* code blocks? seems like redundancy.
Lodrigue: Look this version: http://jsfiddle.net/fcmaw8et/2/
Lodrigue: A little bit of different behavior, not a redundancy. hover overdefines the base transition when hovered
Maberry: After looking at your last example.
Volckmann: Guess I haven’t yet grokked what you’re saying. But I must be closer than I was.
Lodrigue: I have 1 idea give me a min :
Bertalan: I’ve got some inline SVG styled with CSS which is great on desktop. Any idea why the same CSS isn’t working on ios?