Help With a Styling Question

Hello,

My apologies if this isn't the right place to ask. I'm currently working on a Gatsby project and I wanted to recreate this image contained in a vertical hexagon using Gatsby Image, but I was having a tough time replicating it.

My original solution was to use the Hexagon icon from the React Feather Icon package, and wrap my Gatsby Image in it (so it fills the width), but it doesn't work as intended. I do believe that my thought process would be ideal (using an svg icon so it can be easily scaled up or down) but I'm not thinking of the right implementation.

Would appreciate any suggestions! I've attached the image as well for context.

Thanks.

https://preview.redd.it/1nex9etjrvq41.png?width=625&format=png&auto=webp&s=50a6b58aa27840dba0e808c95da5fc679053ef8b

submitted by /u/1upSwift
[comments]



Source link

Write A Comment