Make city name in the hero clickable

Author: marcoacierno

src/components/events-slider/index.css

@@ -12,6 +12,11 @@
     letter-spacing: -0.079em;
     cursor: pointer;
 
+    a {
+      color: currentColor;
+      font-size: inherit;
+    }
+
     @media (--tablet) {
       font-size: 9.4rem;
     }

src/components/events-slider/index.js

@@ -26,7 +26,11 @@ export default props => {
 
   return (
     <div className="EventsSlider">
-      <div className="EventsSlider--item">{event.city}</div>
+      <div className="EventsSlider--item">
+        <a target="_blank" rel="noopener noreferrer" href={event.site}>
+          {event.city}
+        </a>
+      </div>
       <a
         target="_blank"
         rel="noopener noreferrer"