This project is a simple front-end developer profile page, created to practice responsive web design and adhere to a provided style guide. The design is optimized for both mobile (375px) and desktop (1440px) screen widths, and it ensures accessibility by testing across a full range of screen sizes from 320px to large screens.
- HTML
- CSS
- Google Fonts (Inter)
The design is based on the following widths:
- Mobile: 375px
- Desktop: 1440px
- Green: hsl(75, 94%, 57%)
- White: hsl(0, 0%, 100%)
- Grey: hsl(0, 0%, 20%)
- Dark Grey: hsl(0, 0%, 12%)
- Off Black: hsl(0, 0%, 8%)
- Font size (paragraph): 14px
- Family: Inter
- Weights: 400, 600, 700
-
Clone the repository: bash git clone https://github.com/Nichodemusdev
-
Open the project directory: bash cd frontend-profile
-
Open index.html in your browser to view the profile page.
To modify the profile page, you can edit the index.html and style.css files. The project uses the Inter font family, which is imported from Google Fonts in the style.css file.
If you'd like to contribute to this project, please fork the repository and use a feature branch. Pull requests are warmly welcome.
This project is open source and available under the MIT License.
- Frontend Mentor for providing the design challenge.
- Google Fonts for the Inter font family.
- [CHUKWUDEV....] The author