0% completed

All LessonsFree Lessons (5)

Introduction

What to Expect from This Course Self Evaluation: CSS Fundamentals Quiz Self Evaluation: CSS Fundamentals Challenge 1 Self Evaluation: CSS Fundamentals Challenge 2 Self Evaluation: CSS Intermediate Quiz Self Evaluation: CSS Intermediate Challenge Solution Review: CSS Intermediate Challenge

Basic Styling

CSS Selectors and Specificity CSS Selectors and Specificity Challenges Solution Review: CSS Selectors and Specificity Challenges CSS Text, Color, and Fonts CSS Text, Color, and Fonts Challenge Solution Review: CSS Text, Color, and Fonts Challenge CSS Border and Background Properties CSS Background and Border Challenge 1 Solution Review: CSS Background and Border Challenge 1 CSS Background and Border Challenge 2 Solution Review: CSS Background and Border Challenge 2 CSS Overflow Dropdown Menu Challenge Dropdown Menu: Solution Review

Intermediate Styling

CSS Floats CSS Floats Challenges Solution Review: CSS Floats Challenges CSS Display CSS Display Challenge Solution Review: CSS Display Challenge CSS Position CSS Position Challenge 1 CSS Position Challenge 2 CSS Position Challenge 3 Solution Review: CSS Position Challenge 3 A footer that stays at the bottom Challenge Solution Review: A footer that stays at the bottom

Advance Styling

CSS Flexbox Challenge

Solution Review: CSS Flexbox Challenge

CSS Grid Challenge

Solution Review: CSS Grid Challenge

CSS Transform Challenge 1

Solution Review: CSS Transform Challenge 1

CSS Transform Challenge 2

Solution Review: CSS Transform Challenge 2

Advance Concepts

Pseudo-element vs. Pseudo-class Selectors Block Formatting Context (BFC)z-index and Stacking Context Different Clearing Techniques Hiding Content Unless Being Viewed on Screen Readers Resetting vs. Normalizing CSS

Responsive Design

Media Queries and Mobile Specific Layouts Working with SVG and Retina Displays

Wrapping Up

Writing Efficient CSS Where to Go from Here?

Practice Mock Interview

CSS for Front-end Interviews/

...

/

CSS Transform Challenge 1

CSS Transform Challenge 1

Evaluate yourself by creating an animation in this challenge.

We'll cover the following...

Challenge

You will need to add CSS to show the following output:

The height and width of the two boxes are 100px. The color used ...