muayjtp/web_design
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

made a responsive design for countdown section

Browse source
This commit is contained in:
JSriwongsa 2023-05-27 23:57:16 -05:00
parent 9e0e463037
commit 518d6cce15
1 changed files with 13 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
restaurant_website/style.css
View file

@ -531,7 +531,14 @@ label{
.reservation-form form textarea{ .reservation-form form textarea{
font-size: 1rem; font-size: 1rem;
} }
.col{
width: 500px;
}
}
@media(max-width:500px){
.col{
width: 400px;
}
} }
@media(max-width:450px){ @media(max-width:450px){
html{ html{
@ -541,5 +548,10 @@ label{
grid-template-columns: repeat(1,1fr); grid-template-columns: repeat(1,1fr);
} }
} }
@media(max-width:350px){
.col{
width: 250px;
}
}