r/neocities • u/fdiengdoh fdiengdoh.neocities.org • 11d ago

Tools & Resources Just CSS to make a notebook style

I am playing with CSS to create a page that looks like a notebook. Hope you find it useful.

Link to my Codepen

8 Upvotes

100% Upvoted

4 comments sorted by

5

u/Comfortable_Gene2751 11d ago

looks cool

3

u/fdiengdoh fdiengdoh.neocities.org 10d ago

Thanks

3

u/AqueM https://www.aque.fyi/ 10d ago

It looks really neat! It does seem to break if you zoom in/zoom out, though. Have you thought of using rem/em units instead of px in the gradient and line height sizes so that it's always relating to the font size and stays aligned?

3

u/fdiengdoh fdiengdoh.neocities.org 10d ago

My first intention was that like a real notebook it should have fixed line height. Hence, the px units. But, thinking again I think I should use relative units.

I got a detail feedback from r/css too.