Cloning a Weird Border Design

Cloning a Weird Border Design

Kevin Powell via YouTube Direct link

- What I'm starting with

2 of 7

2 of 7

- What I'm starting with

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

Cloning a Weird Border Design

Automatically move to the next video in the Classroom when playback concludes

  1. 1 - Introduction
  2. 2 - What I'm starting with
  3. 3 - The border-top
  4. 4 - positioning it with padding and an offset
  5. 5 - Creating the pseudo-elements for the right side
  6. 6 - Using borders for the left side
  7. 7 - Fixing the now broken right side

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.