This is my first webiste I've created using only HTML & CSS in order to transform the theoretical knowledge into real project
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- Normalize - Normalize.css makes browsers render all elements more consistently and in line with modern standards
- fontawesome - the web's most popular icon set and toolkit.
In this simple project I've learned how to create a dropdown menu , how to deal with small screen and how to use variables in CSS
:root {
--main-color: #10cab7;
--secondary-color: #2c4755;
--section-background: #f6f6f6;
}
nav:hover ul{
display: block;
}
@media (max-width : 1000px){
.container-about {
flex-direction: column;
align-items: center;
}
Ending this project , I've noticed that I have to improve the way of writing the code in order to make it cleaner and more readable
- Elzero Web School - This helped me understand deeply the basic of Css
- CSS Grid Course from free code camp - This is an amazing course which helped me finally understand CSS grid I'd recommend it to anyone still learning this concept.
- Linkedin - Adem Baccara
- Instgram - adem_bc
I would thank Ousama Mohamed Elzero for his effort to simplify the learning process and make it enjoyable