From aed66d49cf734771063ef1de34ef3e1bc64219ff Mon Sep 17 00:00:00 2001 From: Evelyn Eastmond Date: Tue, 9 Apr 2019 13:53:45 -0400 Subject: [PATCH 1/2] Changing tutorial video width to be smaller and match other tutorial steps. Cutting off video by about 5 pixels on the bottom to prevent any jittering between steps. --- src/components/cards/card.css | 2 +- src/components/cards/cards.jsx | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/src/components/cards/card.css b/src/components/cards/card.css index 908edbf91..28f79e176 100644 --- a/src/components/cards/card.css +++ b/src/components/cards/card.css @@ -137,7 +137,7 @@ } .step-video { - height: 337px; + height: 256px; } .step-image { diff --git a/src/components/cards/cards.jsx b/src/components/cards/cards.jsx index 79d2e6ef3..55ba88870 100644 --- a/src/components/cards/cards.jsx +++ b/src/components/cards/cards.jsx @@ -69,11 +69,11 @@ const VideoStep = ({video, dragging}) => ( allowFullScreen allowTransparency="true" frameBorder="0" - height="338" + height="265" scrolling="no" src={`https://fast.wistia.net/embed/iframe/${video}?seo=false&videoFoam=true`} title="📹" - width="600" + width="466" />