3 Cool Shapes I Made in CSS (CSS Battle #2)

3 Cool Shapes I Made in CSS (CSS Battle #2)

Channel:
Serbia Double D
Subscribers:
8,780
Published on ● Video Link: https://www.youtube.com/watch?v=7TqgoBV1ZQo


Duration: 12:12
216 views
21

I made 3 cool shapes using HTML and CSS.

CSSBattle is a cool website for practicing your CSS skills where your goal is to replicate an image as good as you can, using as little code as possible! Today, I tried out 3 challenges and recorded the process of completing them.

Challenge #1 - Forking crazy:
https://cssbattle.dev/play/8​
Challenge #2 - Baby:
https://cssbattle.dev/play/42​
Challenge #3 - Corona Virus:
https://cssbattle.dev/play/47

My solutions:
https://github.com/DoubleDebug/cssbattle-solutions/tree/main
_________________________________________________________
Previous episode:
https://www.youtube.com/watch?v=0f_OeIow8fc

Background music:
"Life Blossom" by Keys of Moon | https://soundcloud.com/keysofmoon​
Promoted by Music Fellows | http://bit.ly/MF_official​
CC BY 4.0 | https://creativecommons.org/licenses/by/4.0

Timestamps:
00:00​ - 00:32​ Intro
00:32​ - 04:26​ Challenge #1
04:26​ - 08:18​ Challenge #2
08:18​ - 11:46​ Challenge #3
11:46 - 12:12​ Outro
_________________________________________________________
Social media:
● Facebook: https://www.facebook.com/YoutubeDoubleD
● Twitter: https://twitter.com/YoutubeDoubleD
● Twitch: http://twitch.tv/NotDoubleD



Other Videos By Double D


2022-06-03What is web scraping?
2022-05-29Using a bot to navigate a website (Web scraping)
2022-05-11Wordle card flipping animation
2022-03-05Wordle in JavaScript in 20 minutes
2021-12-02How to monetize your API (Tutorial)
2021-08-09How Bitcoin Changed the World
2021-07-28What is Windows Registry? (regedit.exe)
2021-07-23How to record your keyboard (Keylogger update)
2021-03-1110 CSS Shapes in 10 minutes (Coding timelapse)
2021-03-09Hire me on Fiverr (Fiverr Gig Trailer)
2021-02-243 Cool Shapes I Made in CSS (CSS Battle #2)
2021-02-21How to reverse a binary tree? (Problem solving #2)
2021-02-12Can you replicate this shape in CSS? (CSS Battle #1)
2021-01-21Problem solving #1 - Coding practice on HackerRank (C++)
2020-09-22How to use a real API in your web app (rapidAPI tutorial)
2020-07-25The power of JavaScript
2020-07-12What are memory leaks? (and how to detect them)
2020-07-075 Basic Concepts of Web programming
2020-02-18Can you solve this chess puzzle? (8 Queens problem)
2019-03-25Why Apex Legends isn't fun for casual players
2019-03-025 Basic Concepts of Programming


Tags:
CSS
HTML
web design
web
web dev
website
web development
web programming
css battle
challenge
WebDev
coding
programming
JavaScript
div
body
shape
overflow
overflow hidden
learn
box
tutorial
display flex
display grid
display
justify content
align items
border radius
style
class
container
position relative
position absolute
target
playground
cssbattle.dev
code golfing
online
tournament
logo
coder coder
parent
child
virus
baby
forking crazy