Websites are responsive by default. They adapt perfectly to every screen size—without any help from CSS. The goal of this article is to learn the basics about modern CSS features you need to build advanced responsive layouts.
What is the CSS box model and how to transform a hand-drawn wireframe into a webpage layout? These are only two questions I am going to answer in this article.
Understanding different CSS selectors and possible combinations is a foundation of writing good CSS code. Basic knowledge about the specificity of CSS selectors will help you to create maintainable CSS code right from the beginning.
This is part four of my web development tutorial series and this one is an introduction to CSS and how to integrate some basic styles to our tiny website.