Răspuns :
<!DOCTYPE HTML>
<html>
<head>
<title>Pagina mea responsive</title>
<style>
.col {
display:inline;
max-width:49%;
min-height:100px;
}
</style>
</head>
<body>
<div style="with:100%; max-width:500px; margin:0 auto; margin-top:30px;">
<h1>Pagina mea responsive</h1>
<p>Functioneaza si pe calculator si pe device-uri mai mici, precum tableta sau telefonul, oricat de mare sau de lung ar fi textul</p
<br>
<h3>Imagine responsive</h3>
<img src="image.png" width="400px" height="auto" style="max-width:100%;"></img>
<br>
<div class="col">pune continut aici si va aparea in partea stanga</div>
<div class="col">pun alt continut aici si va aparea in partea dreapta</div>
</div>
</body>
</html>
<html>
<head>
<title>Pagina mea responsive</title>
<style>
.col {
display:inline;
max-width:49%;
min-height:100px;
}
</style>
</head>
<body>
<div style="with:100%; max-width:500px; margin:0 auto; margin-top:30px;">
<h1>Pagina mea responsive</h1>
<p>Functioneaza si pe calculator si pe device-uri mai mici, precum tableta sau telefonul, oricat de mare sau de lung ar fi textul</p
<br>
<h3>Imagine responsive</h3>
<img src="image.png" width="400px" height="auto" style="max-width:100%;"></img>
<br>
<div class="col">pune continut aici si va aparea in partea stanga</div>
<div class="col">pun alt continut aici si va aparea in partea dreapta</div>
</div>
</body>
</html>
Vă mulțumim pentru vizita pe site-ul nostru dedicat Informatică. Sperăm că informațiile disponibile v-au fost utile și inspiraționale. Dacă aveți întrebări sau aveți nevoie de suport suplimentar, suntem aici pentru a vă ajuta. Ne face plăcere să vă revedem și vă invităm să adăugați site-ul nostru la favorite pentru acces rapid!