Lessons
view all ⭢
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.
lesson
How to Build a Pricing Page Widget in React With PadBoxComposing Layouts in ReactIn this lesson, you will learn how to build the PadBox primitive and use it in a Pricing Plan component.
lesson
Introduction to Layout Wrapper PrimitivesComposing Layouts in ReactIntroduction to layout wrapper primitives
lesson
How to Build a React Responsive Grid LayoutComposing Layouts in ReactBuilding an inherently responsive grid of items has been reduced down into a single line of CSS. In this lesson, you will learn how to build the Grid primitive that easily lets us achieve this layout.
lesson
How to Build React Grid Layouts With Custom Column NumbersComposing Layouts in ReactHaving a column-based grid system to lay our elements out on is very useful, which is why Bootstrap and other CSS frameworks are built on that model. In this lesson, you will learn how to build the Columns primitive and its helper the Column to build your custom column layout.
lesson
How to Build a Split Pane Layout in ReactComposing Layouts in ReactThe layout challenge that is as old as the web itself is putting two items next to each other. In this lesson, you will learn how to build the Split primitive to solve this problem.
lesson
How to Build a Stacked Component Layout in ReactComposing Layouts in ReactThe Stack layout pattern is one of the most simple and common layout patterns on the web. In this lesson, you will learn how to build the Stack primitive and how to make it configurable for your situation
lesson
Normal Document Flow in HTML, CSS, and ReactComposing Layouts in ReactIn the lesson, you will learn about Normal Flow and what patterns you can use to apply the principle of Encapsulated CSS in the context of Normal Flow.
lesson
Play games... win money!Creating an ERC20 Token on EthereumThank you again to [StephenGrider](https://github.com/StephenGrider/EthereumCasts). Both the Inbox.sol and Lottery.sol contracts were excellent inspirations for the Money Game smart contract. They explain a lot of the key concepts in Solidity programming.