⚔️ Coding a CSS Battle | Pilot Battle #7 (Leafy Trail) | border radius | pseudo elements

preview_player
Показать описание
In this video, I code a CSS Battle. It taught me a lot about border radius, position and pseudo elements 🥳

Battle details: Battle #1 Pilot Battle, challenge #7 (Leafy Trail)

--

const me = {
name: "Leanne 👩🏻",
passions: ["coffee☕️", "code 💻", "cats 🐱"],
unpopular_opinion: "LOVES CSS ❤️",
favorite_colors: ["hotpink", "orangered"],
channel_aim: "Show the world that CSS is fun and web development rules! 👑"
}

--

  1. Leanne R
  2. web development
  3. coding
  4. learning to code
  5. coding tutorial
  6. learn web development
Рекомендации по теме
Front-end developer takes 0:18:38

Front-end developer takes on a CSS battle

Front-end dev takes 0:21:02

Front-end dev takes on a CSS Battle

Can you beat 0:49:42

Can you beat me at a CSS Battle?

I Challenged The 0:37:45

I Challenged The CSS King To A CSS Battle

Am I Good 0:28:26

Am I Good Enough To Solve These CSS Battles?

CSS Battle Challenge 0:01:00

CSS Battle Challenge #8 Solution | Forking Crazy #cssbattle #codingshorts #shorts #coding #css

Trying CSS Battle. 0:14:27

Trying CSS Battle. ⚔️ - Battle #1 - Wiggly Moustache

CSS Battle Challenge 0:00:59

CSS Battle Challenge #5 Solution | Acid Rain #cssbattle #codingshorts #shorts #coding #css

CSS battle - 0:00:22

CSS battle - 02 Jan, 2025 - Daily Challenge Solution - 100% Match | #html #css #cssbattle

CSS Battle Daily 0:01:00

CSS Battle Daily Targets July 31 | Solution #cssbattle #codingshorts #coding #css

CSS Battle #19 2:39:01

CSS Battle #19 - live coding challenge

CSS battle - 0:00:28

CSS battle - 01 Jan, 2025 - Daily Challenge Solution - 100% Sol | #html #css #cssbattle #battles4u

CSS Battle - 0:06:40

CSS Battle - #19 Cube

I've been challenged 0:33:00

I've been challenged to a CSS Battle!

CSS Battle Daily 0:00:15

CSS Battle Daily Targets Solution: September 22, 2024 #html #css #coding #shortsfeed

CSS Battle Daily 0:00:15

CSS Battle Daily Targets Solution (100%): September 28, 2024 #html #css #coding #shortsfeed

CSS Battle | 0:04:02

CSS Battle | Look Away (Target 195) | Battle #31 - Opacity

Css battle 0:00:30

Css battle

CSS Battle Daily 0:00:15

CSS Battle Daily Targets: August 14, 2024 #html #css #coding #shortsfeed

CSS Battle Daily 0:00:55

CSS Battle Daily Targets September 1 | Solution #cssbattle #codingshorts #coding #css #challenge

CSS Battle | 0:00:21

CSS Battle | Daily Targets Solution | 17th October,2023 #css #css3 #cssbattle #shorts

CSS Battle Daily 0:00:15

CSS Battle Daily Targets Solution: September 5, 2024 #html #css #coding #shortsfeed

CSS Battle Solution 0:00:15

CSS Battle Solution - Tanzania | Target 179 - Battle #29

5/12/2024 - CSS 0:00:25

5/12/2024 - CSS battle - Daily Challenge Solution - 100% Match | #html #css #cssbattle

Комментарии
Автор

Nice work

tips:
using pixels for position values
try holding the shift key when comparing to do horizontal comparison, it helps compare vertically and horizontally
make the border radius match exactly but playing with the values

since this challenge has straight edges, match those first, then match the border radius curves

tinmancode