Learn how to recreate a unique border design from a popular website in this 21-minute tutorial video. Explore techniques for creating complex border effects using CSS, including positioning with padding and offsets, utilizing pseudo-elements, and manipulating borders. Follow along as the instructor breaks down the process step-by-step, covering topics such as creating the border-top, positioning elements, and fixing layout issues. Gain practical skills in advanced CSS styling and improve your ability to replicate intricate design elements found on the web.
Overview
Syllabus
- Introduction
- What I'm starting with
- The border-top
- positioning it with padding and an offset
- Creating the pseudo-elements for the right side
- Using borders for the left side
- Fixing the now broken right side
Taught by
Kevin Powell
