[edit] css fixed

et#23
tribikram 2 years ago committed by Mahesh Sharma
parent 0c5354f9ce
commit f977c3ddb0
  1. 41
      public/frontend/css/style.css

@ -45,9 +45,9 @@ h2{
justify-content: center; justify-content: center;
align-items: center; align-items: center;
text-align: center; text-align: center;
gap: 1.2rem; gap: 2rem;
text-decoration: none; text-decoration: none;
padding: 0 0.8rem !important; padding: 0 0.2rem !important;
list-style: none; list-style: none;
} }
.nav-link{ .nav-link{
@ -56,6 +56,7 @@ h2{
font-size: 17px; font-size: 17px;
line-height: 22px; line-height: 22px;
color: #2B2A29 !important; color: #2B2A29 !important;
padding: 0.5rem 0.1rem;
} }
.header .appointment-btn{ .header .appointment-btn{
text-decoration: none; text-decoration: none;
@ -64,13 +65,13 @@ h2{
padding: 10px 1rem; padding: 10px 1rem;
border-radius: 20px; border-radius: 20px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
font-weight: 600; font-weight: 500;
font-size: 16px; font-size: 17px;
line-height: 22px; line-height: 22px;
} }
.header .appontment-btn:hover{ .header .appointment-btn:hover{
background: #E32394; background-color: #E32394;
transition: all 250ms ease-in-out; transition: background-color 1s ease-out 100ms;
} }
.nav-link:hover, .nav-link:hover,
.nav-link:active { .nav-link:active {
@ -122,6 +123,7 @@ h2{
top: 100%; top: 100%;
animation: fadeInUp 500ms; animation: fadeInUp 500ms;
padding: 0; padding: 0;
left: -25px;
} }
.dropdown-menu a{ .dropdown-menu a{
font-size: 1rem; font-size: 1rem;
@ -2334,23 +2336,40 @@ table.lightgrey-weekends tbody td:nth-child(n+6) {
} }
/* Desktops, large screens css ends */ /* Desktops, large screens css ends */
/* Extra large screens, TV css */ /* Extra large screens, TV css */
@media only screen and (min-width: 1201px) and (max-width: 1220px) { @media only screen and (min-width: 1201px) and (max-width: 1240px) {
.navbar-list{ .navbar-list{
gap: 0.5rem; gap: 0.5rem;
} }
.header .appointment-btn,
.nav-link{
font-size: 14px;
}
}
@media only screen and (min-width: 1241px) and (max-width: 1360px) {
.navbar-list{
gap: 0.5rem;
}
.header .appointment-btn,
.nav-link{
font-size: 15px;
}
} }
/* Extra large screens, TV css ends */ /* Extra large screens, TV css ends */
@media only screen and (min-width: 1201px) and (max-width: 1440px) { @media only screen and (min-width: 1360px) and (max-width: 1440px) {
.navbar-list{ .navbar-list{
gap: 1rem; gap: 1rem;
} }
.review-card{ .review-card{
min-height: 37pc; min-height: 37pc;
} }
.values-lists a{
.values-lists a{
padding: 15px 15px 15px 0; padding: 15px 15px 15px 0;
}
} }
@media only screen and (min-width: 1440px) and (max-width: 1460px) {
.navbar-list{
gap: 1rem;
}
} }
@media only screen and (min-width: 1440px) and (max-width: 1560px) { @media only screen and (min-width: 1440px) and (max-width: 1560px) {
.review-card{ .review-card{

Loading…
Cancel
Save