phone vers. image in-line size fixed

pawsnana · Oct 31, 2023 · 9f8b383 · 9f8b383
1 parent fdc7511
commit 9f8b383
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 6 deletions.
diff --git a/Assignments/assignment-04/index.html b/Assignments/assignment-04/index.html
@@ -62,7 +62,7 @@ <h1>HOUSES OR MUSEUMS?</h1>
 
         <p>
             <div class="museum_image" style="float:right"> 
-                <figure><img src="./MASP_São_Paulo_(cropped).jpg"><figcaption>São Paulo Museum of Art </figure>
+                <figure><img class="image-1" src="./MASP_São_Paulo_(cropped).jpg"><figcaption>São Paulo Museum of Art </figure>
             </div>
         The experience gained in this field with the São Paulo Museum of Art can be of great use here. After all, what is the point of an isolated work of art, even if it’s exhibited with the most perfect museological technique, if it remains ‘an end in itself’, with no connection at all to our times, with no historical continuity? The visitors, especially the younger ones, will look at the objects in a superficial way, without understanding their meaning, their historical lessons, the light they can shed on the present. Baroque sculptures, saints, silverware, tiles, paintings, altarpieces - all will be mere artistic curiosities to the visitor. In real terms, what didactic methods should we use? Evidently written texts, brief and succinct, and not in the language of the PhD, accompanied by photographs – in a sort of cinematographic commentary. It is only by satisfying these didactic needs that the museum will be able to occupy a vital place and be worthy in the gradation of human needs demanding prompt solution, and of being built at the same time as the houses.</p>
 

diff --git a/Assignments/assignment-04/style.css b/Assignments/assignment-04/style.css
@@ -117,18 +117,33 @@ p{
 @media only screen and (min-width : 275px) {
 
     main {
-        padding: 0px;
+        padding: 10px;
         border: 0.5px dashed #f86d6d;
         color: #141414;
         margin: 0;
         background-color: rgb(248, 241, 191);
-        }
-        header {
+
+    }
+
+    header {
             height: 1vh;
             margin: 0px;
             padding-top: 10px;
             padding-bottom: 50px;
-        }
+    }
+
+    .museum_image{
+
+        width: 5%;
+        padding: 0px;
+        inline-size: auto;
+        font-style: italic;
+        font-weight: bold;
+        align-items: right;
+    }
+    img.image-1{
+        inline-size: 95%;
+    }
 }
 
 
@@ -138,7 +153,7 @@ p{
 
 @media only screen and (min-width : 768px) {
     main {
-        padding: 0px;
+        padding: 10px;
         border: 0.5px dashed #f86d6d;
         color: #141414;
         margin: 0;