Skip to content

Commit

Permalink
i have changed the look of footer section
Browse files Browse the repository at this point in the history
  • Loading branch information
ashmita committed Oct 19, 2024
1 parent ced3f78 commit f3f8195
Showing 1 changed file with 0 additions and 183 deletions.
183 changes: 0 additions & 183 deletions MedicalBot/style.css
Original file line number Diff line number Diff line change
Expand Up @@ -9,190 +9,7 @@
body {
background: #E3F2FD;
}
.footer-brand { width: 100%; }

.footer-text { max-width: 400px; }

.footer-bottom {
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
align-items: center;
padding-block: 30px;
box-shadow: var(--shadow-1);
}

.social-list { margin-bottom: 0; }

}





/**
* responsive for large than 992px screen
*/

@media (min-width: 992px) {

/**
* REUSED STYLE
*/

.container { max-width: 960px; }



/**
* HERO
*/

.hero .container { width: 100%; }



/**
* BLOG
*/

.blog .has-scrollbar { padding-bottom: 50px; }

.blog .has-scrollbar > li { max-width: 450px; }



/**
* FOOTER
*/

.footer-list:not(:last-of-type) { width: 25%; }

.footer-list:last-of-type { width: 50%; }

}





/**
* responsive for large than 1200px screen
*/

@media (min-width: 1200px) {

/**
* CUSTOM PROPERTY
*/

:root {

/**
* typography
*/

--fs-1: 2.875rem;
--fs-2: 2rem;

}



/**
* REUSED STYLE
*/

.container { max-width: 1170px; }




/**
* HEADER
*/

.overlay,
.nav-toggle-btn { display: none; }

.navbar,
.navbar.active { all: unset; }

.navbar-link {
margin-bottom: 0;
font-weight: var(--fw-600);
}

.navbar-list {
display: flex;
gap: 50px;
}



/**
* HERO
*/

.hero { min-height: 100vh; }

.hero-banner {
left: auto;
right: 50px;
width: 630px;
}

.hero-form { max-width: 900px; }

.hero-form .btn {
--width: calc(100% - 40px);
--height: 50px;
margin: 20px;
text-transform: uppercase;
}



/**
* FEATURED CAR
*/

.featured-car-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }



/**
* GET START
*/

.get-start-list { grid-template-columns: repeat(4, 1fr); }



/**
* BLOG
*/

.blog .has-scrollbar > li {
max-width: 340px;
scroll-snap-align: center;
}



/**
* FOOTER
*/

.footer-brand { width: 33.33%; }

.footer-text { max-width: 35ch; }

.footer-list:not(:last-of-type) { width: 16.66%; }

.footer-list:last-of-type { width: 33.33%; }

}
.chatbot-toggler {
position: fixed;
bottom: 30px;
Expand Down

0 comments on commit f3f8195

Please sign in to comment.