Footer & Tools Archive Development – craylor.com | Agency-Grade Builds S1E12

🛠️ Building a business as a solo founder or agency owner is hard — tech, clients, systems, clarity. If you're stuck or scaling, let's solve it together → https://markszymanski.co/consulting

🤝 Ready to stop trying to duct-tape your digital presence together? My team at Motive11 builds websites and systems that actually work → https://motive11.com

💸 Get 98% off ‪@bigscoots2105‬ https://mjs.link/BigScoots - Use code MJS / MJSANNUAL
💸 Get 10% off ‪@Crocoblock‬ https://mjs.link/Crocoblock - Use code REBUILD

More FREE valuable content about data architecture: https://WPDynamicData.co

🔗Big thanks to Kevin Geary for stopping by!
Website: https://geary.co/
Facebook:   / marketingkev  
LinkedIn:   / kevingeary  
X: https://x.com/thekevingeary/
YouTube: ‪@Gearyco‬

🛠️ Tools we're using:
Whimsical: https://whimsical.com/
Figma: https://www.figma.com/
BigScoots: https://mjs.link/BigScoots
Crocoblock: https://mjs.link/Crocoblock
Etch: https://mjs.link/Etch
Automatic.css: https://mjs.link/ACSS
Frames: https://mjs.link/Frames
Frames for Figma: https://mjs.link/FramesForFigma

🔗Follow Craylor:
Website: https://craylor.com/
Instagram:   / craylormade  
LinkedIn:   / craylor  
TikTok:   / craylormade  
X:   / craylormade  
YouTube: ‪@craylor‬

🎥Video edited by Nathaniel DeHaven at https://elevatedmultimedia.com/

Chapters
0:00 Intro and grid areas game plan
0:19 Session kickoff and goals
1:06 Footer layout with named grid areas
3:01 Defining grid template areas and columns
5:59 Spacing, cards, and visual scaffolding
8:12 Semantic headings and accessible hidden H2
9:31 Newsletter list structure and icons
11:01 Styling list items and icon sizing
13:41 Newsletter heading and typography pass
14:24 Nav list semantics and structure debate
20:01 Grid rows, proportions, and adding a second row
25:02 Setting 1fr and 1.5fr row ratios
27:15 Handling long list items with wrapping
28:34 Form placeholder and future pass-through
30:19 Building the main slot for CTA flexibility
32:12 Stretching slot content and card behavior
36:21 Sponsor: BigScoots
37:29 Moving to archives and featured tools concept
45:21 Slotting special hero icons in section intro
52:32 Data architecture discussion: tools vs partners
58:48 Adding featured and icon fields; looping tools
1:03:03 Category card reuse and props
1:18:07 Card background and hover variants via props
1:22:00 Wiring category name and description
1:23:01 Nested loop plan and object prop need
1:26:01 What’s left and wrap-up

------------------------------------

Become an MJS Member!
https://mjs.link/join

------------------------------------

📩 Get weekly updates from me: https://markszymanski.co/newsletter

🤝 Book a private consulting call with me: https://markszymanski.co/consulting

🛠️ Explore every tool I've ever used: https://markszymanski.co/tools

------------------------------------

Connect with me:
Website: https://markszymanski.co
Facebook: https://mjs.link/FB
Instagram: https://mjs.link/IG
LinkedIn: https://mjs.link/LI
X: https://mjs.link/X

------------------------------------

Read My Ethics Statement: https://markszymanski.co/policies/eth...