#175

In this episode, Joe Krug will recreate the Apple Podcast website in Webflow using Client-First V2! Be sure to tune in for a live Q&A.
-----------------------------------------------
// RESOURCES FROM THE VIDEO
Apple Podcasts - www.apple.com/...
Finsweet Live Twitter Account - @finsweetlive
Finsweet merch store - finsweet.com/m...
Become a F'in Pro-- Finsweet.com/f...
Subscribe to Finsweet KZbin: www.youtube.co...
-----------------------------------------------
// ABOUT US
We’re Finsweet - a Webflow enterprise partner, badass product creator, and educational content powerhouse. We are taking Webflow to a new level and sharing everything with you along the way!
🙌 Join our community - finsweet.com/f...
🔥 Add superpowers to your Webflow website - finsweet.com/a...
🧰 Extend your Webflow workflow - finsweet.com/e...
🚀 Build clear, scalable & organized Webflow websites - www.finsweet.c...
👀 Check out products used at Finsweet - www.finsweet.c...
🛍️ Buy Finsweet merch - finsweet.com/m...
-----------------------------------------------
// SOCIAL
Finsweet Live: / finsweetlive
Podcast: anchor.fm/fins...
Twitter: / thatsfinsweet
Instagram: / thatsfinsweet
Facebook: / thatsfinsweet
Dribbble: dribbble.com/t...
Behance: www.behance.ne...
Webflow: webflow.com/te...
-----------------------------------------------
// TAGS
#webflow #free #products
-----------------------------------------------
Thanks for your support! 🤟

[@abirahmed1292]

Joe you are such a blessing to the Webflow community. You are a super busy person but you still make time for us and document all your learning so precisely. May God bless you.

[@Johnny_Drama]

Can you please share clonable of this build?

[@elikemamevor503]

This was super helpful! Thanks Finsweet :) I wish we had the screen share displayed fully instead of having our awesome instrustor's face on the side. And also anytime he was adding an element he took just about a sec to show where exactly it was being added. This will have made the tutorial a lot more easier to follow

[@Everything_FPV]

Finsweet is the best thing I've discovered since using Webflow for over a year 😱

[@cre8vedesign]

I tried center body 40:00 , page wrapper, main wrapper, sections and the page doesn't do anything.

[@MnmlDesigns]

Can someone please explain how are these webinars hosted, the countdown timer and comment pop ups are amazing!!

[@Finsweet]

Hi! We use Ecamm to make the livestreams. So the countdown timer is done there. Some elements are videos, some elements are native from Ecamm. For the comments we use a chrome extension called "Live Chat Overlay", you can search it in the Chrome Store :)

[@espooks3259]

Joe this is another awesome build with so many helpful hints, thank you so much for sharing your time to do these. So appreciate it!!

[@abirahmed1292]

I want to thank you that now the live tutorials is not blurry anymore. Back in the days I used to leave the video just because of that reason. It was so hard for me to see what's going on. And back on those days I was not that much better at Webflow too.

[@kiddkaos1]

Phone was quite obviously static. Doesn't move away from the headers above it like your example.

[@prhawkeye]

The phone was static, however all the other columns moved from below center back to center. They move at different rates because of the two different distances from center.

[@oneblackdot]

Loving the rebuild! Could you link the image assets used? That would be super helpful

[@dodotori7234]

Is there somewhere I could access the assets? Thank you and awesome video!

[@AndreMurrell]

I asked this question in the stream but I'd really love an answer on this....but do you think a good place to start a project would be to copy and paste components from the finsweet wireframe kits to get core structure done and then go from there.... or does the class renaming become an issue? Maybe not for this particular project, but any project in general. Alternatively could using the wireframe toolkit as the starter project and then deleting what you don't need, be a good alternative?

[@Finsweet]

I would not recommend that. I would recommend using one wireframe kit and using the components from it. Once you start mixing, you will have renaming issues.

[@AndreMurrell]

@@Finsweet Great thanks!

[@GregDolan]

Great stream, thanks Joe 👍

[@luhguerra]

please post your ready only 🙏🙏🙏🙏

[@yannandre1390]

🎉

[@zlanaj]

kzbin.infoORnmE-G_96c?feature=share&t=4138 The hack I do at this point is create a Span on the space character and give it a display: block styling and call the style “br”. It‘s as close as you can get to a tag.

[@zlanaj]

I also see the same struggle here: kzbin.infoORnmE-G_96c?feature=share&t=6766 You can have that class called “br” to be display: none; and there won‘t be a line break on mobile.