DEV Community

Cover image for The Periodic Table in CSS

The Periodic Table in CSS

Mads Stoumann on September 08, 2024

Like the Solar System, The Periodic Table has been done in CSS a lot of times … but it has never been done as simply, as I'm about to show you. Le...
Collapse
 
webjose profile image
José Pablo Ramírez Vargas

Excellent! Now, how about the Gill Chaverri variant? Wikipedia.

I am Costa Rican and I was taught with this arrangement at school.

Collapse
 
madsstoumann profile image
Mads Stoumann

Interesting! Never heard about that.

Collapse
 
webjose profile image
José Pablo Ramírez Vargas • Edited

Yup. I only came to know the periodic table as the rest of the world knows it when I started college.

Collapse
 
monfernape profile image
Usman Khalil

Handled the layout very gracefully. 🔥

Collapse
 
madsstoumann profile image
Mads Stoumann

The magic of CSS grid!

Collapse
 
frikishaan profile image
Ishaan Sheikh

Looking cool, well done 👍🔥

Collapse
 
madsstoumann profile image
Mads Stoumann

Thank you!

Collapse
 
keyneslim profile image
Blokino Hush

Super impressive, you unleashed the css beast

Collapse
 
madsstoumann profile image
Mads Stoumann

Thank you!

Collapse
 
nikkehtine profile image
Nikki

Lovely project. One thing I would change is adding a specific width and letting it overflow on the X axis. That way you can zoom in and swipe to get a closer look.

Collapse
 
oleh_nazarovych profile image
Oleh Nazarovych

Well Done

Collapse
 
madsstoumann profile image
Mads Stoumann

Thanks!

Collapse
 
akshay_gengaje profile image
Akshay Gengaje

Oh, this looks amazing! 😍 I really appreciate your efforts 🙌😊.

Collapse
 
madsstoumann profile image
Mads Stoumann

Thank you!

Collapse
 
misterp profile image
Mr. P

Crazy good 👍

Collapse
 
madsstoumann profile image
Mads Stoumann

Thanks!

Collapse
 
tradematesports profile image
Trademate Sports

Great!

Collapse
 
madsstoumann profile image
Mads Stoumann

Thanks!

Collapse
 
balrajola profile image
balrajOla

Perfectly put!

Collapse
 
madsstoumann profile image
Mads Stoumann

Thanks!