Portfolio: Minecraft Grass Block

CSS Grid: Minecraft Grass Block Texture

This started out as what I thought would be a relatively easy experiment with CSS Grid: to see if I could make a Minecraft block with CSS Grid and transformations. Using Grid made creating the face texture easier. Grid was probably overkill for the block construction, but it was worth trying out because why not. I learned some SCSS functions I’d never tried before (bonus) and a smattering of HAML (coding 768 divs for the three faces seemed daunting otherwise).

See the Pen Minecraft Grass Block with Grid by Patricia Kruep (@littleberry) on CodePen.


Looking for more?