Book Image

Beginning Responsive Web Development with HTML and CSS

By : Joshua Miller
Book Image

Beginning Responsive Web Development with HTML and CSS

By: Joshua Miller

Overview of this book

With this course, you can build websites that will transform the user experience. This course begins with the latest techniques provided by HTML5 and CSS3. Along the way, you'll discover tips and tricks that make your future designs and development workflow leaner and more maintainable than ever before. By the time you reach the end, you'll be equipped with the latest cutting edge front- end development skills, ready to develop your very own modern, responsive websites that are pixel-perfect across a wide range of devices. The code files are available at: https://github.com/TrainingByPackt/Beginning-Responsive-Web-Development-with-HTML-and-CSS
Table of Contents (9 chapters)
Chapter 3
Fluid Layouts and Responsive Images
Content Locked
Section 6
Alignment
The important thing to understand with Flexbox alignment is the concept of axes. There are two axes to consider: the main axis and the cross axis. What each of these represents depends upon the direction of the Flexbox. For example, if the direction of your Flexbox is set to row, the main axis will be the horizontal axis and the cross axis will be the vertical axis. Conversely, if your Flexbox direction is set to column, the main axis will be the vertical axis and the cross axis will be the horizontal one. This video covers: - Flexbox Alignment Properties - Demo on Basic Markup - Demo on Using align-items - Demo on Using align-self - Possible Alignment Values