Congratulations!

You've completed three different layouts, leveraging previous work to take designs to the next level. Use these ideas and methods in your next projects.

If you enjoyed this course, check out Jen Kramer's other courses at Frontend Masters.

References

• Complete Guide to Grid
• Complete Guide to Flexbox
• @layer is a cascade option, although we use it for simple grouping of styles.Read more here
• A Complete Guide to CSS Cascade Layers
• Prevent background gradients from repeating
• Table captions, important for accessibility
• Background-size CSS property and possible values
• Swapping Out Text, Five Different Ways
• CSS Transition reference
• Custom Scrollbars
• Toggle button text on click using JavaScript
• VS Code browser preview
• Showing only corner borders
• Diamond inspiration