Stepping up our style

Learn to build responsive websites - Module 4

This playlist is part of Learn Responsive Web Design

Stepping up our style

38 lessons2 hours 53 min

1. It's time to step up our style

2. A look at line-height

3. text-transform: uppercase

4. Making things easier to read with letter-spacing

5. A nice color trick with rgba()

6. background-images

7. Background images and the file path (very important note)

8. Controlling our background images

9. BBQ Splash Page - Project Introduction

10. Writing the HTML for the BBQ splash page

11. Starting to style it up - BBQ Splash Page

12. Adding the background image - BBQ Splash Page

13. Changing the order - BBQ Splash Page

14. Styling the main content area - BBQ Splash page

15. Adding the media query - BBQ Splash Page

16. Setting up the typography for large screens - BBQ Splash Page

17. Starting to set things up for large screens - BBQ Splash Page

18. Viewport units

19. Adding viewport units to the BBQ Splash Page

20. Enter box-sizing: border-box

21. Using flexbox to vertically center the main content - BBQ Splash Page

22. Fixing the intro section on both small and large screens - BBQ Splash Page

23. Dealing with very large screens solution #1

24. Dealing with very big screens solution #2

25. The very basics of forms

26. Form basics - form attributes

27. The basics of styling form

28. Adding the form - BBQ Splash Page

29. Starting to style up the form - BBQ Splash Page

30. Making the inputs look good - BBQ Splash Page

31. CSS Gradients

32. Styling the button - BBQ Splash Page

33. Basic transitions

34. Intro to transforms (and a quick word on performance)

35. We can transition more than :hover

36. Border gradients

37. Blending images, colors, and gradients with background-blend-mode