They said my design would be too difficult to build... 🤷 Even called it "abusive" to developers...

In my last video, I shared a few tips for avoiding "stripey" layouts in your designs. A few people mentioned that it would be too difficult - or even "abusive" - to actually build.
But, if you know your way around pseudo-elements, or aren't afraid of learning something new, I think all the techniques I showed are actually pretty simple.
So today, I'm going to show you how to go from stripey to streamlined using GenerateBlocks!
💻 Visit Our Website: theadmin.bar/y...
🗨 Join Our Free Community: theadmin.bar/y...
📨 Get the Best of The Admin Bar Delivered: theadmin.bar/y...
🔁 Sell More Care Plans: theadmin.bar/y...
🧮 Use My Website Price Calculator: theadmin.bar/y...
📜 Get My Proposal Template: theadmin.bar/y...
☑️ Get More Done with My Checklists: theadmin.bar/y...
🔴 Live Event Schedule: theadmin.bar/y...
🔧 The Tools I Use: theadmin.bar/y...
⚡ My Agency, OGAL Web Design: theadmin.bar/y...

[@TheAdminBar]

Thank you for the support - I am getting sooo close to 10K subs 🙏 If you haven't already, consider helping me get there!

[@bennysh]

Thanks for the clear and informative explanation. You addressed many of the issues raised, including mine, and also showed the nice builder you're using, which I will study. However, I didn't think the design was difficult. I have been building sites for over a decade, and it's easy when the design is yours. My issue was actually with designers who forget about the mobile version, leaving you to struggle with the mobile adaptation of their design. This often leads to back and forth and time wasted. Sometimes I feel like I need to be not just the builder/programmer but also do the designer's job when it comes to different screens and mobile optimization. It gets worse when the client or the designer is OCD (true story). Anyway, thanks for the video!

[@TheAdminBar]

Yeah, I hear ya. I have the advantage of doing design AND development. I've had those nightmares when other designers send me work too 😅. It's unfortunate not all designers realize that the web is squishy and not percise.

[@allisonkessler17]

Hi Kyle, I learned something. I got the offset borders working with CSS and they look great. Thank you for this amazing tutorial!

[@janhenry4855]

I work for a company where the design team hands me the desktop versions of the designs, and it's up to me to build them out and adapt on the fly for mobile. They certainly put me through my paces some projects - your layout in the other video would be on the easy side of what I do 😆

[@webdesignburgdorf3028]

Kyle, would you mind sharing the CSS that you briefly showed here: 1:31 Just today I thought I need some base CSS for GP, for fluid typography etc. Looks like you have it all figured out already!

[@aranchin-yo6wy]

Awesome video! This is something i was looking for since regular background colors like egg shell white seem a little to boring and doesnt provide much depth

[@TheAdminBar]

Really glad it was helpful 🙏 thank you!

[@MarkWilliams77]

Hi mate - thanks for all your work you do on these tutes - subbed. I'm a bricks user but I'll always have GP + GB in my toolkit.

[@kevinroberts3789]

Excellent. Love the clear explanation and the usefulness for my preferred builder (Bricks). Thanks.

[@TheAdminBar]

Should be a breeze with Bricks!

[@garylorrainestone4616]

Great video, thanks Kyle!

[@TheAdminBar]

Thank you! Glad you enjoyed it!

[@StardustDNA]

You’re a really good designer and storyteller for your KZbin videos so I’m surprised you didn’t have more subscribers. It may be your thumbnails and video titles actually (the first click and the hook are the most important). Or there is a KZbin setting that may be holding you back.

[@TheAdminBar]

That feels like a pitch 😂 Just waiting for it 😂

[@StardustDNA]

@@TheAdminBar No, just a fellow designer helping another out 😂

[@Divyangjobs]

Your both generatepress theme styles "harmony & other" have issues in importing.Kindly check & fix the issues.

[@TheAdminBar]

Kindly talk to GeneratePress and GenerateBlocks - I didn't build them, just supplied the design.

[@Divyangjobs]

@@TheAdminBar Your design has issues...after importing... Kindly import it freshly & visit the site....you will get it

[@leonardo_iann]

Super video, Thanks! Took lots of notes :))

[@whatznext28]

Thanks Kyle. As a Bricks user I appreciate you showing how to do this regardless of the builder we use. How did you create the color fade effect in the header and footer CTA section? I like how they tie the brand colors in.

[@TheAdminBar]

I did a section with a solid background color. I add a background image set to "contain" and positioned it to the center right. I then added a pseudo-element the same size of the image (using aspect ratio) and gave it a background color of a gradient that fades from the background color of the section to transparent and sits on top of the image. Does that make sense?

[@catalinim4227]

good job buddy

[@Neo--X]

Customizing everything is an excellent way to lock your customers into your own ecosystem. This is perfect. Thanks!

[@TheAdminBar]

😅 I'm not doing it to lock anyone in... Just to make custom - not cookie-cutter - sites!

[@steffox6362]

Really good video, as always! Would you tell us which clamp function you use to determine the padding for the Hero section?

[@TheAdminBar]

I have a clamp function I use as a default on all my sections, but you'll need to use whatever matches your design. Here's what I use: clamp(1rem, 0.848rem + 0.758vw, 1.5rem)

[@AyDeeSandra]

Earned a sub

[@sameerpatelxyz]

This is simplest design layout to build in wordpress page builder and if develop can't do that with page builder i think they should stop calling themselves developer 😂😂

[@TheAdminBar]

Everybody starts somewhere :)

[@ArpLaszlo]

Wow. How un-self-aware do you have to be to publicly state that you are not skilled enough to do something? Folks are trying so hard to pretend to know their stuff yet they go out of their way to complain about something and reveal their limitations in the process.

[@TheAdminBar]

😂

[@chriswagoner3316]

Mic drop

[@TheAdminBar]

😂 whoops

[@wordpressjunkie8830]

Do you ever design MOBILE first?

[@TheAdminBar]

No, I've never really forced myself to try that and my brain doesn't work that way natrually 😅

[@alexway303]

Abusive :)))

[@TheAdminBar]

🤷

[@bobbyboxer2664]

Subbing to help you reach the 10k goal 💪🏼

[@TheAdminBar]

I really apprecaite it - soooo close!