From 1f6d3b1118bbc7de5596f485c0b8196e4b6054b2 Mon Sep 17 00:00:00 2001 From: Rosia E Evans Date: Sat, 26 Apr 2025 15:05:09 +0100 Subject: [PATCH] minor --- Contact.html | 1 + Gallery.html | 1 + ServicesAndPrices.html | 1 + index.html | 2 +- style.css | 40 ++++++++++++++++++++++++++++++++++++++-- 5 files changed, 42 insertions(+), 3 deletions(-) diff --git a/Contact.html b/Contact.html index 73acc10..6a18443 100644 --- a/Contact.html +++ b/Contact.html @@ -2,6 +2,7 @@ + diff --git a/Gallery.html b/Gallery.html index 84ce9b3..f87a1ac 100644 --- a/Gallery.html +++ b/Gallery.html @@ -3,6 +3,7 @@ + diff --git a/ServicesAndPrices.html b/ServicesAndPrices.html index 18d1153..4299a07 100644 --- a/ServicesAndPrices.html +++ b/ServicesAndPrices.html @@ -2,6 +2,7 @@ + diff --git a/index.html b/index.html index 7ffdad5..5e28c7f 100644 --- a/index.html +++ b/index.html @@ -44,7 +44,7 @@

How To Book

- To book, see out contact + To book, see our contact page and email us.
diff --git a/style.css b/style.css index 05920b8..df04fe8 100644 --- a/style.css +++ b/style.css @@ -26,6 +26,7 @@ main{ table{ margin: auto; + width: 80%; } @@ -85,6 +86,8 @@ a:hover{ flex-direction: row; gap: 10px; justify-content: space-between; + align-content: stetch; + align-items: stretch; } .rows{ @@ -92,6 +95,8 @@ a:hover{ flex-direction: column; gap: 10px; align-content: stretch; + align-items: stretch; + } #contact{ @@ -172,6 +177,7 @@ main .socials{ bottom: 0; left: 0; } + .font_scaler button{ background: none; background-color: white; @@ -181,9 +187,10 @@ main .socials{ padding: 5px; transition: background-color 0.5s; } + .font_scaler img{ - width: 70px; - height: 70px; + width: 7vw; + height: 7vw; } .font_scaler button::hover, .font_scaler img::hover{ @@ -192,7 +199,36 @@ main .socials{ @media screen and (max-width:1000px){ + table{ + width: 80%; + font-size: 1.5rem; + } + table, th, td{ + /* border: 2px solid; */ + /* border-radius: 5px; */ + /* border-collapse: collapse; */ + } + + .font_scaler_buttons img{ + width: 15vw; + height: 15vw; + } + + .columns{ + display: flex; + flex-direction: column; + gap: 10px; + justify-content: space-between; + } + + header, article, section{ + background-color: white; + padding: 10px; + padding-bottom: 20px; + border-radius: 0 0 0px 0px; + } + .maximised{ position: fixed; left: 50%;