diff --git a/www/css/ebook-placeholder.css b/www/css/ebook-placeholder.css
index 3f5f957d..686fc699 100644
--- a/www/css/ebook-placeholder.css
+++ b/www/css/ebook-placeholder.css
@@ -29,6 +29,7 @@
 	display: grid;
 	grid-template-columns: 1fr 200px 200px;
 	gap: 2rem;
+	align-items: end;
 }
 
 .create-update-ebook-placeholder fieldset label:has(input[type="checkbox"]){
@@ -99,3 +100,30 @@ article.ebook.ebook-placeholder .placeholder-details{
 article.ebook.ebook-placeholder .placeholder-details ul{
 	list-style: disc;
 }
+
+@media(max-width: 750px){
+	.create-update-ebook-placeholder{
+		grid-template-columns: 1fr;
+	}
+
+	.extra-line > span:first-child::before{
+		display: none;
+	}
+
+	.create-update-ebook-placeholder > fieldset:nth-of-type(2),
+	.create-update-ebook-placeholder details:nth-of-type(2) fieldset,
+	.create-update-ebook-placeholder > fieldset:nth-of-type(1),
+	.create-update-ebook-placeholder details:nth-of-type(1) fieldset,
+	.create-update-ebook-placeholder fieldset:has(input[name="sequence-number-collection-name-1"]),
+	.create-update-ebook-placeholder fieldset:has(input[name="sequence-number-collection-name-2"]),
+	.create-update-ebook-placeholder fieldset:has(input[name="sequence-number-collection-name-3"]){
+		grid-template-columns: 1fr;
+	}
+
+	.create-update-ebook-placeholder fieldset label:has(input[name="ebook-placeholder-transcription-url"]),
+	.create-update-ebook-placeholder fieldset label:has(textarea[name="ebook-placeholder-notes"]),
+	.create-update-ebook-placeholder fieldset label:has(input[type="checkbox"]),
+	.create-update-ebook-placeholder label.controls-following-fieldset + fieldset{
+		grid-column: 1;
+	}
+}
diff --git a/www/css/project.css b/www/css/project.css
index 6aa59e87..5047f287 100644
--- a/www/css/project.css
+++ b/www/css/project.css
@@ -1,6 +1,8 @@
 .project-form{
 	display: grid;
 	grid-template-columns: 1fr 1fr;
+	align-items: end;
+	gap: 2rem;
 }
 
 .project-form label:has(input[type="url"]){
@@ -11,11 +13,6 @@
 	grid-column-start: 1;
 }
 
-.project-form{
-	display: grid;
-	gap: 2rem;
-}
-
 .project-form label:has(input[type="checkbox"]){
 	grid-column: 1 / span 2;
 }
@@ -26,7 +23,7 @@
 }
 
 .project-form .placeholder-form{
-	grid-column:  1 / span 2;
+	grid-column: 1 / span 2;
 }
 
 table.data-table .status,
@@ -42,3 +39,16 @@ table.data-table td.status.stalled{
 	background: #861d1d !important; /* Override hover backgound color */
 	color: #ffffff;
 }
+
+@media(max-width: 750px){
+	.project-form{
+		grid-template-columns: 1fr;
+	}
+
+	.project-form label:has(input[type="url"]),
+	.project-form label:has(input[type="checkbox"]),
+	.project-form div.footer,
+	.project-form .placeholder-form{
+		grid-column: 1;
+	}
+}