Fix links without href

Author: pomber

packages/scrollycoding/src/focus.tsx

@@ -107,7 +107,7 @@ export function AnchorOrFocus({
   href,
   ...props
 }: any) {
-  if (!href.startsWith("focus://")) {
+  if (!href?.startsWith("focus://")) {
     return React.createElement(type, { href, ...props })
   }
 

packages/scrollycoding/src/index.scss

@@ -26,12 +26,11 @@
 }
 
 /* content steps */
-.ch-hike-step {
+.ch-hike-fluid .ch-hike-step {
   display: flex;
   min-height: 350px;
   justify-content: center;
   flex-flow: column;
-  // outline: 2px solid red;
 }
 
 .ch-hike-step-gap {
@@ -54,10 +53,13 @@
 }
 
 .ch-hike-step-content > :first-child {
-  // TODO reset for mobile
   margin-top: 0;
 }
 
+.ch-hike-step-content > :last-child {
+  margin-bottom: 0;
+}
+
 .ch-hike-step-content-focused {
   // border-color: #81d8f7;
   border-color: #252526;