Responsive Design – Become friendly to smaller Screens

[Christian-wa]

Hey Guys,

I've written a bit of code to create Sections for my website.
Normally, the content of the whole Website is defined by 960px, 1200px or so on, to make it harmonious.

I've written the following Code:

<div id="christian-eins-rahmen" align="center" >
<div id="christian-eins-content">
.......
</div></div>

It gives me the Freedom to create full-width Sections (when I want to) and also create individual sized Sections, smaller or wider, as I want. The first DIV-Element is always 100% wide as the basis. The second DIV-Element can also be 100% wide or have a specific number as width, when I need it for my design.

Btw this is the css for those DIV-Elements
And the Post-Id (.post-1934) has been change by me, to style every page the way I want it to.

.post-1934 {
	width: none;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 0;
}

#christian-eins-rahmen {
	width: 100%;
	height: 950px;
}

#christian-eins-content {
	height: 950px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('http://www.oppars.com/wp-content/uploads/2015/03/Christian-Hinze-OPPARS.png');
}

Now, I want to ensure that my website is still responsive and of course mobile-friendly. But I guess both terms acutally mean the same thing.

PS: I am glad for every tip you can give to me. I can only learn and I am happy if you support in this manner.

Thanks so much for helping me out on this!

Christian

---

Life is there to enjoy, everything I tackle therefore reflects that.

http://www.oppars.com/christian/

[Christian-wa]

This reply has been marked as private.

[Author]

Posts