Activity
Mon
Wed
Fri
Sun
Sep
Oct
Nov
Dec
Jan
Feb
Mar
Apr
May
Jun
Jul
Aug
What is this?
Less
More

Owned by Rob

The Code Zone Skool

565 members • Free

Learn the proper way to build websites with AI that will rank higher in search results. Learn HTML/CSS/JavaScript Basics to further your understanding

The Craft Zone

49 members • Free

Share your crafting rooms and designs. Learn how to use cutting software, Sure Cuts a Lot, and Cricut Design Space. All Creators are Welcomed!

Memberships

EverAds | Growth Boost Style

1.1k members • Free

Community Builders - Free

12k members • Free

Skoot | CRM for skool

675 members • $99/month

AI Online Educators & Coaches

3.3k members • Free

GOOSIFY: Skool Made Fun

13.1k members • Free

Skool Add-ons

1k members • Free

Hackathon

2.8k members • Free

Web Developers

829 members • Free

Crafty Cafe | Cricut & SVG

2.8k members • Free

398 contributions to The Code Zone Skool
Anyone else use "outlines" in CSS to see your elements?
So I was reviewing this website and wanting to understand a little bit more about how the spacing happens to be. If you take a look at this page here https://www.bin-go.net/book-with-us Scroll to the bottom and see the big spacing issue. Adding this line of code to your CSS has some benefits - Diagnose Layout Breaks: Spot elements causing horizontal scrolling instantly. - Visualize Element Boundaries: See margins, padding, and content areas clearly. - Detect Ghost Spacing: Find hidden padding or margins pushing items away. - Verify Nesting Structures: Confirm elements sit in their correct parent containers. And you don't want to use the "border" property - Zero Added Width: Outlines do not alter element dimensions. - No Layout Shifting: Elements stay in place when toggling outlines. - Draws Outside Box: Outlines sit on top of the element box. - Preserves Box-Sizing: Layout mathematics remain completely untouched. There used to be a Chrome extension called Pesticide, but it looks like it's no longer being supported. I did find this one: https://chromewebstore.google.com/detail/pesticide-advanced-css-de/jeebpgmphhagpecfiophljpkhncoajcg
2
0
0 likes • 2d
Did you finally create this?
Towing Company Website Template - Ready for Download
Here is the next template that I am making available for this group. This should be very easy to customize, with a simple config file covering business information. Made with reusable components, so you can move things around or move them to different pages very easily. Demo Site: https://towing-demo-code-zone.netlify.app/ Link to download: https://www.skool.com/the-code-zone/classroom/39a97062?md=c3cd60f8789c43f69b67f6f01d7da820 I'm going to try to do one every 7 days to share on here.
3
0
Towing Company Website Template - Ready for Download
AI software engineers wanted — fast growing AI company ($7K to $20K/month)
We're getting more clients than we can handle right now, and we need AI software engineers who can keep up. If you're an established full stack builder who's gone AI-native — shipping real production software with Claude Code, Cursor, and agent frameworks — this is a huge opportunity to plug into a machine that already has the demand. Quick context: we're a multi seven figure AI agency and engineering is the core of everything we deliver. Custom software dashboards, client portals, swarms of AI agents, voice AI, and full automation infrastructure. We run our own businesses on this same stack, and client volume is growing faster than our current engineering capacity. The offer: $7,000 to $20,000 per month based on skill level and the client volume you can handle. Consistent project flow, real budgets, zero client hunting. You architect and build, we handle everything else. The stack: Lovable, Vercel, Cursor, Claude Code, React/Next.js, Supabase, LLM agent systems (OpenAI SDK, Claude Code), n8n, and API integrations across real client stacks. If you're AI native, think in systems, and ship fast, you'll fit right in. Now the filter, and I mean this: this is not for beginners or prompt-tinkerers. If you've only worked on one to three projects, or you're still learning your stack, please don't apply. This is for established full stack / AI software engineers with a real portfolio and production history who can own an end-to-end buildout — architecture, agents, and deployment. If that's you, this is a home to scale inside as we take over the marketplace. Company website: https://www.dfyaiagents.io/ Apply here: https://forms.clickup.com/9010108352/f/8cgpny0-10173/OVYKAFXZS85SL5SCA7 We move fast on strong applications. Weak portfolios get filtered, so bring your best work.
1 like • 3d
@Zac Frulloni @Jacob P @Josh Lacey @Tyler Michl @Jason Line @Brian Jenney @Dan Reece @Eyueal Ayalew @Tsinat Tsegaye @Vitoria Fontoura @Sameer Asim @Max Allen @Kumail Kazmi @Katrina Wright @John Kesterson @John Schlautman @Ki W @Jonathan Cernero @Harshit Sharma @Chibuzor Ezeufoh @Waie Wazir Tagging some people who might be interested.
Logo in the Top Left of Navigation Bar 🫣
I was asked to review a vibe-coded website. Here's their website if you want to take a look at it as well. https://www.bin-go.net/ When you're using an image logo in the top-left corner of a navigation bar, make sure the logo blends naturally with the header instead of looking like a separate box that was placed on top of it. The best option is usually a PNG with a transparent background or an SVG logo. That allows the navigation bar’s background color to show through around the logo. When a transparent version is not available, choose a logo background color that exactly matches the navigation bar. Even a small difference in the color can create a visible square or rectangle around the logo. You should also check the image for extra empty space around the design. Sometimes the logo itself is small, but the image file contains a lot of built-in padding. This can make the logo look too tiny or cause it to sit out of alignment with the navigation links. A few additional things to keep in mind: - Preserve the logo’s original proportions so it does not appear stretched. - Make it large enough to recognize without making the navigation bar too tall. - Vertically center it with the menu links. - Make the logo link back to the homepage. - Test it on mobile screens to make sure it does not crowd the menu button. - Use clear alt text so screen readers can identify the business. In the example attached to this post, the logo has a dark square background that is slightly different from the navigation bar. Because the colors do not match exactly, the edges of the logo image are easy to see. A transparent version of the logo would make it look much cleaner and more professional. What do you think about the size of the logo?
1
0
Logo in the Top Left of Navigation Bar 🫣
1-10 of 398
Rob Vanarsdall
7
5,208 points to level up
@rob-vanarsdall-4466
Former US Army Aviator (flew Apache Helicopters) and turned Software Developer (I fly a desk). Now I coach people to become full-stack developers.

Active 14m ago
Joined Oct 6, 2025
Indianapolis, Indiana
Powered by