Flexbox is a set of CSS properties that give you a flexible way to lay out content. With flexbox you can change the direction, alignment, size and order of elements, regardless of their original size and order in the HTML. You can even stretch and shrink elements and distribute space, all with just a few lines of CSS!
In this project, you will learn how to edit pre-written code to style a web page for desktops, tablets, and mobile devices. You’ll begin by seeing how to connect a CSS stylesheet to an HTML document. Next you’ll edit some CSS and be exposed to basic CSS structure. Finally, you'll use new tags to make text colorful, choose fonts, upload pictures, and more.
Today’s websites and applications are larger than ever and a lot hinges on the CSS architecture. So CSS that is poorly thought-out can be a strain on development and maintenance in the long run.
In this course, we're going to build a UI toolkit using many of the best practices and principles of modular CSS architecture. We'll learn how a modular approach with Sass can boost our workflow and cut down maintenance by reducing the amount of code we write. It can also improve how our code scales because we're able to reuse it on other parts of our project.