- Solution URL: https://github.com/hassanidris/montichello
- Live Site URL: https://hassanidris.github.io/montichello/
- HTML, CSS & JavaScript
- Mobile-first workflow
- Bootstrap 5
- CSS Variables
- Semantic HTML5 markup
- SCSS custom properties
- Vnilla CSS Grid for the Gallery
- Map with Google API and JS
- Smooth Scrolling with JS
- Slick Slider JS
- CSS Variables
--clr-catalinaBlue: hsl(213, 33%, 26%);
--clr-white: hsl(0, 0%, 100%);
- Nesting media queries inside the classes
.card-title {
font-family: var(--ff-montserrat);
font-size: var(--fs-400);
font-weight: var(--fw-700);
@media screen and (max-width: 991px) {
font-size: var(--fs-300);
}
}
- Github - hassanidris
- Frontend Mentor - @hassanidris