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>
<link rel="stylesheet" href="style.css">
<script src="fontScaler.js" defer></script>
</head>
<body>

1
Gallery.html
View file

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

1
ServicesAndPrices.html
View file

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

2
index.html
View file

@ -44,7 +44,7 @@
</section>
<section>
<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.
</section>
</div>

40
style.css
View file

@ -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%;