Auto-resize a <div> image when there is a second <div> inside the main <div> wrapper

I have a .well.carousel and inside that I have two , one is the image and the other is the title text. I managed to auto-resize the image, but when I reduce the height of my well.carousel then the title text falls out of the .well.carousel. How do I get the image to resize such that the title text also stays enclosed within .well.carousel when my height is 150px (see Fiddle)????

position in safari

My goal is to make centered and responsive 3 elements in a div. I did in Firefox, Chrome, IE, Opera but not in Safari.
This is the link:
This is the html:

<div class="socials">
				<p>If you found this article useful please share it</p>

How does CSS height work?

I am working on a web app, this is my first one. I am trying to understand how these things work but am having trouble figuring out how they work together. Neither can I find any good pages / tutorials. For example, this page says:

Relative Positioning

A relative positioned element is positioned relative to its normal position:

Basic Issues with Page Layout

Hi All,

So I've decided to start using Google Web Designer, a desktop application for Mac/Windows. I made my first site (just one page for now), and I'm having a little difficulty with figuring a few things out. Here's what I'm struggling with:

• if you resize your window or even open the page on a differently sized monitor, it just stays where it is, it doesn't move to accommodate the size of your browser window.
• there is no scroll bar.
• when I hyperlink text, I'm required to make it blue and underlined.

If anyone has any ideas they'd be greatly appreciated!

Problems embedding and scaling a video slider?


I'm trying to embed a fluid video that would auto-fit the screen, I tried a lot of tricks but to no avail.

Please help me!

Thank you!

Syndicate content