tko_kopira_peder

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html"; charset="utf-8">
<title>Untitled document</title>
<style type="text/css">
section,aside, img {
margin: 1.1858736059%;
}
section{background-color:#F00;}
aside {background-color:#00F;}
img {max-width:100%;}
@media all and (min-width: 800px) {
.container {max-width:538px;}
section {float:left;
width: 63,197026%;}
aside {float:right;
width: 29.2680297%}
}
</style>
</head>
<body>
<div>
<section>
<p>Ovo je lijevi element dizajna</p>
</section>
<aside>
<h4>Desni element</h4>
<p>Ovo je desni element dizajna</p>
</aside>
<img src="slika.jpg">
</div>
</body>
</html>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content_Type" content="text/html;charset=utf-8">
<title>Fleksibilne velicine</title>
<style type="text/css">
.container{width:100%;}
section,aside,img{margin:1,858736059%;}
section{float:left;
        width:63,197026%;
        background-color:#F00;}
aside{float:right;
      width:29,3680297%;
      background-color:#00F;}
@media all and(max-widith:800px){
 section,aside,img{float:none;
                     width:auto;}
}
img{max-width:100%}
</style>
</head>
<body>
<div>
<section>
<p>Ovo je ljevi element dizajna</p>
</section>
<aside>
<h4>Desni element</h4>
<p>Ovo je desni element dizajna</p>
</aside>
<img src="slika.jpg">
</div>
</body>
</html>