diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000..0293c8c Binary files /dev/null and b/.DS_Store differ diff --git a/css/app.css b/css/app.css index 64b5490..e82f06b 100644 --- a/css/app.css +++ b/css/app.css @@ -121,3 +121,27 @@ svg :focus { color: var(--mdc-theme-text-primary-on-background); margin: 0; } + +/* */ + + +.responsive-image { + width: 75%; + height: auto; /* Maintains the aspect ratio */ + max-width: 100%; /* Ensures the image doesn't overflow on smaller devices */ + margin: 0 auto; + display: block; /* Centers the image */ + } + +@media (max-width: 768px) { + .responsive-image { + width: 90%; /* Adjust the width for tablets and small screens */ + } +} + +@media (max-width: 480px) { + .responsive-image { + width: 100%; /* Adjust the width for mobile devices */ + } + } + \ No newline at end of file diff --git a/index.html b/index.html index 453c573..e016b92 100644 --- a/index.html +++ b/index.html @@ -2,7 +2,7 @@ - LIRNEasia · Visualizations + LIRNEasia · DAP Projects @@ -25,7 +25,7 @@
-

Visualizations

+

DAP