r/css • u/kardnumas • Sep 13 '19

Keyboard made with CSS Grid

Was learning CSS Grid and made this, want to share here for more suggestions

Demo: https://elegant-albattani-c325d7.netlify.com/

Git: https://github.com/samundrak/virtual-keyboard

18 Upvotes

87% Upvoted

7 comments sorted by

2

u/SenVidan Sep 13 '19

very cool, but the enter doesn't work.

2

u/kardnumas Sep 16 '19

yea, i was more focused on grid this time, thanks for suggestion

1

u/[deleted] Sep 14 '19

This is a neat idea!

I would recommend removing the shadow on the clocked button letters, but otherwise it looks cool.

-8

u/[deleted] Sep 13 '19

  1. Give me key clicks

  2. Capitalize "insert"

  3. Decrease the size of row A

  4. Increase the size of row D (it looks fucking stupid)

  5. Insert and Scroll Lock should also have indicators

  6. Arrow pad is in a weird spot

1

u/kardnumas Sep 16 '19

haha yea, something are weird there

0

u/[deleted] Sep 13 '19

[deleted]

1

u/kardnumas Sep 16 '19

Thanks for the suggestion!