Merge pull request #374 from CakeDC/master

Fix image responsive
cakephp · Nov 29, 2023 · bc0ce2b · bc0ce2b
2 parents 86499f6 + 8756889
commit bc0ce2b
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 1 deletion.
diff --git a/templates/element/Showcase/cases/case.php b/templates/element/Showcase/cases/case.php
@@ -7,7 +7,7 @@
 ?>
 <?php if ($project->website): ?>
 	<div class="col-sm-12 showcase-cases ptb-30">
-		<div class="col-sm-4 <?= $index % 2 === 1 ? 'col-sm-push-8' : '' ?>">
+		<div class="col-sm-4 image-center <?= $index % 2 === 1 ? 'col-sm-push-8' : '' ?>">
 			<a href="<?= $this->App->externalLink($project->website); ?>" target="_blank" aria-label="<?= $project->title ?>">
 				<?= $this->Showcase->image($project->screen_monitor_images[0], [
 				'class' => 'img-responsive'

diff --git a/webroot/css/custom.css b/webroot/css/custom.css
@@ -485,3 +485,18 @@ li.language a {
 .bg-white {
     background-color: white;
 }
+
+@media (max-width: 767px) {
+    .showcase-page .showcase-cases .img-responsive {
+        display: inline;
+    }
+    .showcase-page .showcase-cases .image-center {
+        text-align: center;
+    }
+    #expertise .box-services-c {
+        text-align: center;
+    }
+    #expertise .box-services-c .btn.btn-home {
+        float: none !important;
+    }
+}