loading...

I created a MacBook Pro (MBP) using pure CSS and only 1 DIV

pandaquests profile image pandaquests ・1 min read

This is created with only 1 DIV element and pure CSS - no images.

Alt Text

You can checkout the code here:

https://codepen.io/thadeuszlay/pen/pbRrON

Follow me for more.

It's one of the things I do to challenge myself. I posted similar challenges in the past:
https://dev.to/pandaquests/i-created-an-iphone-using-pure-css-and-only-1-div-42ne

https://dev.to/pandaquests/i-created-the-android-logo-using-css-and-only-1-div-what-do-you-think-5ged

Opinions or recommendations of what I could do next is very much appreciated.

P.S.: Guess how I did the web cam on the MBP? :D

Discussion

markdown guide
 
 

Thanks. I'm actually very proud of this one. This and the iPhone.