adembc / my-second-template Goto Github PK

• My process
  • Built with
  • What I learned
  • Continued development
  • Useful resources
• Author
• Acknowledgments

• 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 project I become more familiar with reponsivity And improve the use of CSS grid and CSS flexbox

.container {
    padding: 0 15px;
    margin: 0 auto;
}
/* Small */
@media (min-width: 768px) {
    .container {
      width: 750px;
    }
  }
  /* Medium */
  @media (min-width: 992px) {
    .container {
      width: 970px;
    }
  }
  /* Large */
  @media (min-width: 1200px) {
    .container {
      width: 1170px;
    }
  }

I'll go ahead to the next step and start learning Javascript

• Elzero Web School - This helped me understand deeply the basic of Css
• Learn CSS Media Queries by Building 3 Projects - This is an amazing course which helped me finally understand media query and use cases I'd recommend it to anyone still learning this concept.

• Live Site URL: Kasper Template

• Linkedin - Adem Baccara
• Instgram - adem_bc

I would thank Ousama Mohamed Elzero for his effort to simplify the learning process and make it enjoyable

Design link