Textpattern CMS support forum

You are not logged in. Register | Login | Help

#11 2019-02-11 19:26:35

Pat64
Plugin Author
From: France
Registered: 2005-12-12
Posts: 1,237
Website

Re: How to make this image responsive?

Try this into your CodePen demo:

.container {
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
	background-color: #875500
}
article {
	width: 100%;
	color: #fff;
	font-size: 1.2rem;
	line-height: 1.4
}
article p {
	padding: 16px 5% 0
}
article p:last-child {
	padding-bottom: 48px
}
figure {
	width: 100%;
	margin: -32px 0
}
figure img {
	display: block;
	width: 100%;
	height: auto;
	vertical-align: top
}

Last edited by Pat64 (2019-02-11 19:29:10)

Offline

Board footer

Powered by FluxBB