Its a portfolio website built using Html and Css. It's a responsive design which support all screens resolution.
Variable: If you want to change theme you can change CSS Variables in the styles.css file.
:root {
--header-height: 3rem;
--nav-width: 324px;
/*===== Font weight =====*/
--font-medium: 500;
--font-semi-bold: 600;
--font-bold: 700;
/*===== Colors =====*/
--first-color: #cc4b2c;
--first-color-dark: #662616;
--first-color-darken: #290f09;
--text-color: #54423d;
--first-color-light: #eae7e6;
--first-color-lighten: #fffafa;
/*===== Font and typography =====*/
--body-font: "Poppins", san-serif;
--h1-font-size: 1.5rem;
--h2-font-size: 1.25rem;
--h3-font-size: 1rem;
--normal-font-size: 0.938rem;
--small-font-size: 0.813rem;
--smaller-font-size: 0.75rem;
/*===== Margins =====*/
--mb-1: 0.5rem;
--mb-2: 1rem;
--mb-3: 1.5rem;
--mb-4: 2rem;
--mb-5: 2.5rem;
/*===== z index =====*/
--z-fixed: 100;
}
The responsive website uses a Mobile First approach then add media queries for
mid-size devices and desktops.
@media screen and (min-width: 768px) { }
@media screen and (min-width: 1024px) { }
