CSS Book Layout
This code is based on Repth's Open Book Tutorial! I used it for my scrapbook webpage and a couple other places.
The original tutorial used the float property for the layout which conflicted with what I wanted to add. So, I reworked the code with CSS grid instead to better fit my needs. The layout is also mobile friendly and should look okay on different screen sizes!
Get the code here: CodePen // Github // Return to my homepage
Graphics for your book
- Tentacrafts: a collection of stickers, washi tape, and banner pngs you can use to decorate
- Niche (JPN site): really cool lined backgrounds, grids, and dotted backgrounds
- Valentinely's Sozai:
- Fool Lovers: more lined backgrounds. the resources here are also really cute
Scrolling Page Example
Jelly beans topping I love dessert I love topping sesame snaps cake cookie. Jelly-o shortbread jelly-o cake I love. Ice cream pudding donut tiramisu bear claw danish I love cake I love. Liquorice ice cream cookie gingerbread cupcake sugar plum I love ice cream. Icing I love tootsie roll dessert chocolate bar chupa chups. Cookie lollipop chupa chups macaroon sugar plum I love caramels pastry liquorice.
Dragée cake soufflé marshmallow tootsie roll. Chocolate cake halvah chocolate pie liquorice oat cake. Candy sugar plum chupa chups soufflé chocolate. Sugar plum marzipan sweet fruitcake donut soufflé gingerbread lollipop croissant.
Random header
Cake cheesecake tart shortbread bonbon gingerbread. Cotton candy I love I love macaroon bonbon I love I love. Gummi bears bonbon candy canes sweet roll cake. Cookie I love jelly cheesecake jelly beans ice cream liquorice. Chocolate cake icing muffin halvah icing muffin fruitcake cupcake.