See the Pen
CSS Flower Design Inspired By Gizem Vural’s Red Flower Pattern Design
by Laura Pinell (@lapinell)
on CodePen.

Lessons Learned

  • CSS Grid is … interesting. Definitely useful in the case of the pattern, but I had a harder time with everything else. I need more practice for sure.
  • Linear gradients are fun, especially the repeating type.

Future Iterations

  • The pattern would definitely benefit from a Javascript loop and some other dynamics, instead of “empty” div after “empty” div.
  • I would like to find a way to flatten the border-radius, if possible. Perhaps using a width and heigth to smoosh the ::after a little to make it appear flatter.