Creating a Site with CSS Grid and Bootstrap 4
Layout a site professionally and execute a well thought out web site design from a UX/UI designer with the help of Bootstrap 4, the world’s most popular front-end component library and the robust CSS Grid module, the go to code for responsive pages.
What you'll learn
Activate the twin powers of Bootstrap 4 and the CSS Grid Module for mastering responsive layout. In this course, Creating a Site with CSS Grid and Bootstrap 4, you will gain the ability to use the world’s most popular front-end component library while at the same time dividing a page into major regions by using the CSS Grid module. First, you will learn how to apply Bootstrap 4 CSS. Next, you will discover the power of the CSS Grid module to do exciting designs that change with responsive breakpoints by defining the relationship of HTML elements in terms of size and position. Finally, you will explore how to combine Bootstrap 4 components and the CSS Grid Module effectively. When you're finished with this course, you will have gained powerful skills and experience in Bootstrap 4 and the CSS Grid module by executing a well thought out web site design from a professional UX/UI designer.
Table of contents
- Introduction 1m
- Setting up the Sections 3m
- Adding the Header Text 2m
- Prints, Paintings, and Drawings 2m
- Painting of the Week 1m
- About the Guy 1m
- Preparing the Prints Gallery 1m
- Some Famous and Expensive Paintings 1m
- Develop the Drawing Gallery 2m
- The Contact Section 2m
- The Footer Section 3m
- Summary 1m
- Introduction 1m
- Fonts, Colors, and Display Text 2m
- Responsive Images 2m
- Bootstrap Cards 4m
- Display Text Spacing and Borders 3m
- Styling the Painting of the Week and About Sections 2m
- The Art Sections 2m
- The Contact and Footer Section 3m
- Switching up Some Bootstrap and HTML 1m
- Customizing Bootstrap Presets 4m
- Adding the Background Images 4m
- Summary 1m