Lessons
Explore all newline lessons
Most Recent
Most Popular
Highest Rated
Reset
lesson
CSS Grid vs Flexbox for Composable LayoutsComposing Layouts in ReactYou will learn the basics of CSS Flexbox and CSS Grid, especially which properties conform to the Encapsulated CSS principles and which ones do not.
lesson
How to Vertically Center a DIV in React With CSSComposing Layouts in ReactIn this lesson, we will learn how to build the Cover primitive, which will vertically center its children and allow you to inject a top or a bottom section around it.
lesson
Resize Images And Maintain Aspect Ratio in React and CSSComposing Layouts in ReactIn this lesson, we will build the Frame primitive, which frames out a visual media, like an image or video, and forces it into the aspect ratio needed for the design without distorting the image.
lesson
Automatically Center Text DIVs with React Center ComponentComposing Layouts in ReactIn this lesson, we will be creating a Center layout primitive that centers itself and its children.