RMv0YJlLOBe7cY7HgZ3Jox34R0Wrk7jLv3DZyBETA7I=

ZC8pa382rux3/Ya5JYmbaiFDJJqVQfa/ZkKRoDwNIOg=

zRYikcIlbF3Un7C26+4VGO/t8jKwNjjuAdQWLlZECTQ=

/zPeDB00QSmJg02UNPvvY6N+w7bL9XbOTmOZn0UHdA0=

9DmxyyZ8FEsc5DSKm/8DpcDu2e/GCLlCF0UJQCEBuSw=

JjJ1QQExEPT0oEkDXkJv3GS+SSK/inDh+qJb5poF7uc=

OU0WGPE+vsPHE35uwfF+0Jq1FmmrC0EZ1j07htBnxEM=

Pesmw2FSIduSR93sJEVAEAHyJZ4MQP9Pbn1gPgXxcXw=

l+2HpTI8qsEqSoxz6Y8y+po4C4+PakSbBdZ2Wp0L/Zk=

p8RKstqTUsFv0yM8P1EiWUksDkzfBxAw5OAvX/lo29w=

xdTyVT3ZuBSNWCl2NPxJ8eZ0ifhUzatwezSwUElWFy0=

I had to make this for a project, it took a while for me to figure it out so I thought I would help the community. Feel free to copy paste my friends.

The North America pin is the pin for interactions. Have fun with it <3

Responsive Interactive World Map with Pins

I decided to remake one of my favorite website in webflow. It ended up looking great! 
There are a few things I learned;
1. Use columns instead of flexbox when possible because flexbox is more process intensive
2. Use relative position to create hover elements if it is not in the direct parent element (look at "follow the project" section to see further)

I also have two questions;
1. How do you center the video background relative to the screen width?
2. How do you create an element that continually rotates?

Day of the Dead Remake in Webflow

Rachel

Rachel Liles Portfolio