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
- 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
About the author
Mario Macari has spent more than ten plus years as a coder specializing in HTML5, CSS3, Javascript and other client and server side languages. He is also an award-winning artist and holds a BFA in Illustration. He has worked on projects for companies like Disney, Apple Computers, Microsoft and DC Comics. He currently teaches coding, design, UX/UI and Adobe products at two Southeastern Wisconsin colleges. Mario Macari has an "A+" rating with the Better Business Bureau.