[edit] css fixed

tribikram 2 years ago
parent 25a9be6e1c
commit 3939441414
  1. 43
      public/frontend/css/style.css

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

Loading…
Cancel
Save