DressOrc/PawsAndPetals
1
0
Fork 0
Code Issues 2 Pull requests Projects Releases Packages Wiki Activity Actions

minor

Browse source
This commit is contained in:
Rosia E Evans 2025-04-26 15:05:09 +01:00
parent 389c9528e9
commit 1f6d3b1118
5 changed files with 42 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

1
Contact.html
View file

@ -2,6 +2,7 @@
<head> <head>
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style.css">
<script src="fontScaler.js" defer></script>
</head> </head>
<body> <body>

1
Gallery.html
View file

@ -3,6 +3,7 @@
<head> <head>
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style.css">
<script src="gallery.js"></script> <script src="gallery.js"></script>
<script src="fontScaler.js" defer></script>
</head> </head>
<body> <body>

1
ServicesAndPrices.html
View file

@ -2,6 +2,7 @@
<head> <head>
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style.css">
<script src="fontScaler.js" defer></script>
</head> </head>
<body> <body>

2
index.html
View file

@ -44,7 +44,7 @@
</section> </section>
<section> <section>
<h2>How To Book</h2> <h2>How To Book</h2>
To book, see out <a href="Contact.html">contact</a> To book, see our <a href="Contact.html">contact</a>
page and email us. page and email us.
</section> </section>
</div> </div>

40
style.css
View file

@ -26,6 +26,7 @@ main{
table{ table{
margin: auto; margin: auto;
width: 80%;
} }
@ -85,6 +86,8 @@ a:hover{
flex-direction: row; flex-direction: row;
gap: 10px; gap: 10px;
justify-content: space-between; justify-content: space-between;
align-content: stetch;
align-items: stretch;
} }
.rows{ .rows{
@ -92,6 +95,8 @@ a:hover{
flex-direction: column; flex-direction: column;
gap: 10px; gap: 10px;
align-content: stretch; align-content: stretch;
align-items: stretch;
} }
#contact{ #contact{
@ -172,6 +177,7 @@ main .socials{
bottom: 0; bottom: 0;
left: 0; left: 0;
} }
.font_scaler button{ .font_scaler button{
background: none; background: none;
background-color: white; background-color: white;
@ -181,9 +187,10 @@ main .socials{
padding: 5px; padding: 5px;
transition: background-color 0.5s; transition: background-color 0.5s;
} }
.font_scaler img{ .font_scaler img{
width: 70px; width: 7vw;
height: 70px; height: 7vw;
} }
.font_scaler button::hover, .font_scaler img::hover{ .font_scaler button::hover, .font_scaler img::hover{
@ -192,7 +199,36 @@ main .socials{
@media screen and (max-width:1000px){ @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{ .maximised{
position: fixed; position: fixed;
left: 50%; left: 50%;