Nov. 30, 2023, 7:29 p.m. | Alvaro Montoro

DEV Community dev.to

In this article, we will see how to make a responsive cartoon of Santa Claus using HTML and CSS. Like this one:




Our Santa will be slightly different from this one… but better!



We will do it step by step, explaining each shape and each decision (or almost of all of them). Because, after all, the image is just a combination of elements with different shapes. (Read more about shapes on CSS.)


Let’s start by…





Setting the …

art article cartoon claus css decision html responsive santa showdev them webdev will

Data Architect

@ University of Texas at Austin | Austin, TX

Data ETL Engineer

@ University of Texas at Austin | Austin, TX

Lead GNSS Data Scientist

@ Lurra Systems | Melbourne

Senior Machine Learning Engineer (MLOps)

@ Promaton | Remote, Europe

Principal Data Engineering Manager

@ Microsoft | Redmond, Washington, United States

Machine Learning Engineer

@ Apple | San Diego, California, United States