PB101: L03 - EVERYTHING is a Box

Поделиться
HTML-код
  • Опубликовано: 10 сен 2024

Комментарии • 237

  • @Gearyco
    @Gearyco  Год назад +51

    You may need to watch this one more than once to really bake everything in. Bookmark it so you can come back to it later. It's a critical lesson.

    • @nicksmith5306
      @nicksmith5306 Год назад +4

      As a Junior Developer, I just wanted to say thank you. This FREE course is pure gold. Having only watched the first 4 videos, it is clear to see that you're a true proffesional web developer / designer.
      Any Junior that is lucky enough to work under you, is a very very lucky individual and I hope they realise the position they're in.
      Thanks again for this amazing course Kevin 👍

    • @luitterdijk143
      @luitterdijk143 7 месяцев назад

      I agree for 100% I feel so dum after seeing the first few video's .. always did it wrong. I just make website's for myself but man.... was I wrong hahahaha @@nicksmith5306

  • @mmaayta82
    @mmaayta82 Год назад +28

    I wish this series was available when I started learning web design it could've saved me a lot of time and effort! If anyone asks me how to learn web design the non-chump way this will be my recommendation 👌

  • @itspraveensharma
    @itspraveensharma Год назад +4

    Oh man!!! Where were you 09 years ago... !!! Spot on tutorial 👌👌....if a beginner is reading this comment, listen to me, the only content you need to learn things the right way is on this channel... ditch everything else for a while and focus here. the content is pure gold...

    • @Gearyco
      @Gearyco  Год назад +1

      🙌🙌

    • @OceanLlamaMedia
      @OceanLlamaMedia 3 месяца назад

      If say someone who's an absolute beginner probably needs to watch Dave's build with bricks course, build a site if their own then come to this course after bricks actually makes sense and watch this to figure out how to build sites going forward

  • @dahunsi
    @dahunsi Год назад +6

    The Box Model presented in the simplest way possible. I can't wait for the rest of these lessons. Always something to pick. So much detail. Thanks Kev.

  • @SingaporeMathsAcademyUK
    @SingaporeMathsAcademyUK 3 месяца назад +1

    I'm only confused with one thing so far, how have you only got 16k subs? This is a brilliant video, so well explained and to the point, love it.

    • @Gearyco
      @Gearyco  3 месяца назад +1

      Niche builders instead of making videos for Elementor and such.

  • @euandrefrancisco
    @euandrefrancisco Год назад +1

    I needed to create the layout of a 70 page website with Elementor, it was the worst experience of my life.
    Since then I've been looking for another page builder, I was in doubt between Cwicly and Breakdance, but after this course I have no doubt that Bricks will save me many hours.
    Thanks for sharing your knowledge.

  • @user-cr2sp7my8h
    @user-cr2sp7my8h 2 месяца назад

    I have watched this video for about the 6th time, each time for different parts of the video - and just rewatched the part about the classes a couple of times, to check exactly how to do this. It seems so simple, but it is really important to get every detail, to be able to do it right. Thanks again!

  • @skmr
    @skmr 3 месяца назад

    Wow. Amazing stuff. I thought I knew all about the box stuff, but clearly I didn't. Thank you so much!
    One little thing to add. Elementor's text widget actually does columns.

  • @mannhans703
    @mannhans703 5 месяцев назад

    As a wedding photographer, I am planning to move to web design and development for wedding photographers. I have just come across these 101 lessons - absolutely fantastic resource. I will dedicate enough time to learn so that I can move from chump to a champ

  • @stephendunning1510
    @stephendunning1510 Год назад +3

    Kevin, you have a great way of explaining things, which makes them easy to understand. Moreover, you are very engaging and successfully keep the listener involved. I am excited for this course to progress to more complicated instruction! So far, I'm having a good time refreshing these fundamentals!

    • @Gearyco
      @Gearyco  Год назад

      Glad you like them!

  • @ReubenHochstetler
    @ReubenHochstetler Год назад +4

    This training is so valuable. I’m having my team watch it.

  • @LisaRatzlaff
    @LisaRatzlaff Год назад +7

    This lesson was just fantastic.

  • @rewiredweb
    @rewiredweb Год назад +4

    Absolutely brilliant, what a professional you are.

  • @davidwalls2304
    @davidwalls2304 Год назад +2

    Great lesson Kevin. I've enjoyed all so far and looking forward to the upcoming lessons. CSS columns was a huge golden nugget.

  • @darkhorse-fp4zh
    @darkhorse-fp4zh 5 месяцев назад

    Bro this is so enlightening, I thought that as I can made a visually good website that I'm all good but 3 videos into the course made me realize I was in complete darkness. Can't thank you enough

  • @haroonqraja
    @haroonqraja Год назад +1

    IMMENSE value! The way you show the right way of doing things vs. just dragging and dropping the first page builder element we see that might seem to work for the purpose makes all the difference in the long run when maintaining the codebase, adding new features/content, and scaling the website. Loving this series!

    • @Gearyco
      @Gearyco  Год назад +1

      💪🏻💪🏻💪🏻

  • @saravolf3753
    @saravolf3753 7 месяцев назад

    Yo. This is the most pragmatic, straightforward tutorial series I've ever seen on coding for page builders. Thank you!!

  • @juliocesarsobrino6248
    @juliocesarsobrino6248 11 месяцев назад +1

    Thank you Kevin, I am more than impressed, how much I have learned in these 56 minutes of video. Let's go to the next one!

    • @Gearyco
      @Gearyco  11 месяцев назад

      💪🏻

  • @grapikim
    @grapikim Месяц назад

    I'm loving this course. Thank you so much ❤

  • @klaaskay2685
    @klaaskay2685 Год назад

    Such a powerful tutorial laying out a strong foundation for me. Kevin is not only a good communicator but also a brilliant presenter - not a boring moment to follow an otherwise unfamiliar concept. Thank you!

  • @andrelereu497
    @andrelereu497 Год назад

    Easily the best web page building tutorial I have ever seen. So glad you use Bricks, thank you. Clear, concise, powerful info. Hope the channel explodes.

  • @Hightechdad
    @Hightechdad Год назад +1

    Kevin - you continue to rock these trainings! Absolutely love them! I echo the comments of some others, I wish I had these years ago. Keep 'em coming!

  • @steveclark4821
    @steveclark4821 Год назад

    ' "..and I'm sitting here, dragging stuff around like a chump!" - That's some chump like behaviour' - love it!

  • @RavishankarAyyakkannu
    @RavishankarAyyakkannu Год назад

    I really appreciate you taking the time and care to teach all these basics. No one of your stature would do this so well. Thanks again.

  • @renthousegarden1884
    @renthousegarden1884 Год назад +1

    Come at the perfect time. Just finished watching the L02

  • @GavinDavidson
    @GavinDavidson 4 месяца назад

    Fantastic video. The more techniques and correct methods I learn from you the more inspired I am to create and build websites. Thanks again for sharing your knowledge. 🙏🏼💫

  • @nchrtd
    @nchrtd Год назад +1

    I'm probably still 60-70% chumpy, but thanks to lessons like this, I'm moving in the right direction. Great lesson, will surely bookmark and rewatch!

  • @yasmeenkaram9780
    @yasmeenkaram9780 Год назад

    Kevin thats something phenomenal! Thank you a lot!
    I'm sure God is rewarding you for all the good you give people for free!!

  • @user-ic8yl7jv8s
    @user-ic8yl7jv8s 10 месяцев назад

    You are fr providing extreme value for free, thank you.l

  • @TechCertPrep
    @TechCertPrep Год назад

    Kevin Geary: "Pay attention to who you pay attention to".
    This should be a quote. I love it so much I think I will always use it:) See it Timestamp @53:10

  • @TammyButcherPlus
    @TammyButcherPlus Год назад

    Kevin is such a perfect example of how there are good teachers and then there are GREAT teachers. I've been using WordPress and various builders personally and semi-professionally for a while now and have a "working knowledge" of HTML and CSS. So of course I'm familiar with the first three lessons of this course and the Box Model. And yet, here comes the light bulb moment in this video. Every once in awhile, I will struggle with spacing issues on Web sites and I can not for the life of me understand why. Enter Kevin's PRESERVE THE BOX teaching in this video. It is often inferred (I see this now) but never "explicitly" stated anywhere that I've come arcross in all my years of watching video, reading, etc. Why? Because so many people teaching and doing tutorials assume knowledge and Kevin is fantastic at NOT doing this. Which is exactly why I continue to follow him and anything he puts out that relates to what I'm trying to accomplish.

    • @Gearyco
      @Gearyco  Год назад

      Love this! Some people don' t understand the value! Thank you.

  • @coffeebot3000
    @coffeebot3000 Год назад

    So far, this has been a great series. I'm really looking forward to getting through the rest. Thank you so much for taking the time to make such an excellent course available for everybody.

    • @Gearyco
      @Gearyco  Год назад

      You're very welcome!

  • @berndnestrojil4084
    @berndnestrojil4084 11 месяцев назад

    Wow, this really did me blow away! Great and smart economy of time. So easy to follow you, even not being a native english speaking person. Thanks for that mountain of worthful insights. Cheers from Brazil!

    • @Gearyco
      @Gearyco  11 месяцев назад

      Cheers!

  • @AlexSperling-Mortgages
    @AlexSperling-Mortgages 9 месяцев назад

    The lesson was amazing and I watched it with a lot of interest. Thanks so much…

    • @Gearyco
      @Gearyco  9 месяцев назад

      You're very welcome!

  • @thewhiterussian138
    @thewhiterussian138 25 дней назад

    Columns CSS (GOLDEN NUGGET!!)

  • @user-mv5lq8ni5h
    @user-mv5lq8ni5h 9 месяцев назад

    Been proficient in helping me I found great bricks then I found you thank you so much for your course I am a noob

  • @avi661
    @avi661 Год назад

    this is the most important lesson i've ever watched

  • @paveljanovec1094
    @paveljanovec1094 Год назад

    Hi Kevin, i switched to Bricks Builder half a year ago and you already cut my workflow in half in the third lesson. My "chumps" are moving away with each new lesson of yours. Thanks for wanting to turn former "clickers" into better website builders... You have my admiration and many thanks...👌

  • @importadoravyr
    @importadoravyr 23 дня назад

    Pure Gold!

  • @larryfarr
    @larryfarr Год назад

    Totally the best instructional video I've seen ever. Thank you for putting together this amazing course. This is actually life-changing content.

  • @felixrivera2691
    @felixrivera2691 Год назад

    Kevin, you blow my mind with the CSS Column; WOW!

  • @user-nr7nf5hj4r
    @user-nr7nf5hj4r 7 месяцев назад

    So good, I've already learned more than in the Bricks course I signed up for. Thank you

  • @user-pi7vr2ml4k
    @user-pi7vr2ml4k 8 месяцев назад +1

    It is crazy I'm watching this for free

  • @koperkuba
    @koperkuba Год назад

    I've been making pages in Elementor until recently, but those classes on boxes totally blew my mind :)

  • @wingtracer
    @wingtracer Год назад

    Rockstar attitude, rockstar professionalism. Look forward to watching everything you ship out. Thanks bud.

    • @Gearyco
      @Gearyco  Год назад

      Much appreciated

  • @joshcharlottesville
    @joshcharlottesville Год назад +2

    Very cool. Great content as always. I'm excited to get back into doing CSS after years of Generatepress and Kadence.

  • @DominikWernerCreativeArt
    @DominikWernerCreativeArt 8 месяцев назад

    I'm so glad u put in that I'm the captain scene, would've been a huge disappointment if you missed that.
    really appreciate the course so far, thanks a lot Kevin

  • @shaira9860
    @shaira9860 3 месяца назад +1

    a great content if you also want to learn css

  • @KGohill007
    @KGohill007 8 месяцев назад

    I am really digging your content and your teaching style! Pacing, clarity, specificity....bangers.

    • @Gearyco
      @Gearyco  8 месяцев назад

      I appreciate that!

  • @ceescoenen
    @ceescoenen Год назад

    Thank you Kevin, good to do some steps back for me and realize what we are doing. More please. More 😊

  • @jybevox
    @jybevox 9 месяцев назад

    You're doing an amazing work. Thx you so much for your videos!

    • @Gearyco
      @Gearyco  9 месяцев назад

      Glad you like them!

    • @jybevox
      @jybevox 9 месяцев назад

      @@Gearyco If I may suggest something: when you present section vs containers and how they interact with each other, it would help if you add a light background to both elements (just for education sacks). That way, the "gutter / margin / padding / etc." would appear even more clearly during edit.
      Anyway. I'm looking forward to watching this series of videos. It's a precious gift you make to the community with this free course.
      I am deeply grateful to you!

  • @robertfleming8910
    @robertfleming8910 Год назад +2

    Feeling I am having my Chumpery peeled off as each lesson proceeds...

  • @zdenekholy2634
    @zdenekholy2634 Год назад

    Keviiiiiiin ... I just can't remember when I felt so foolish, like after watching this video. Now, I have always considered my self as a beginner / noob when it comes to webdesign - but you managed to show how wrong I was :) ... probably just the "B" in the word beginner :) :) :)
    Yeah, I'm - but hopefully after watching this video I can write I WAS ... I was one of those who manually moved pictures, "cards" then later adding classes because I didn't like it. So yes - after watching this video I felt really ashamed :) :) :)
    Thx Kevin ... looking forward to the remaining episodes. GREAT CONTENT !!!
    PS : didn't know that something like COLUMNS existed in CSS. Like gaps - I knew them only from GRID, but didn't know, they can be now applied just like that in a builder (without telling it to be GRID). How do you keep up with this = do you like "follow CSS" and when ever a new feature is added, you go and test it / work with it ???

    • @Gearyco
      @Gearyco  Год назад

      Yep, it’s exhausting haha

  • @doudmine
    @doudmine 9 месяцев назад

    Finaly a WordPress builder that doing it the right way!

  • @hathanh_tilde
    @hathanh_tilde 7 месяцев назад

    amazing course! thank you

  • @ahdisenosperu
    @ahdisenosperu 6 месяцев назад

    This is simply great, quality information totally free, crazy, just thank you!

  • @LeanDirtyHands
    @LeanDirtyHands Год назад

    Good video Kevin!.. Nice trick the one about columns. Here is another one.. you can use row reverse or even column reverse when using flex in your container to turn your inside elements in the other direction, it's the third icon in the flex direction section of your container. Surely you knew about this one but just in case. Thanks for the tips man!

  • @buildingabetterwebsite
    @buildingabetterwebsite Год назад

    this is a web development clinic - master the fundamentals!

  • @peteraziz
    @peteraziz 9 месяцев назад

    This is an impressive course, specially this video! You are a great instructor! Thank you 🙏

  • @olafurgumundsson6475
    @olafurgumundsson6475 Год назад

    Thank you Kevin. Very helpful for me. Keep up the good work and these lessons of yours are in straightforward and simple manner, that I like.

  • @lowyieldbondfunds
    @lowyieldbondfunds 9 месяцев назад

    I am infinitely grateful for this video. 🙏

  • @rockeygamer5163
    @rockeygamer5163 Год назад

    Perfect, everyone is loving to watch this course 🤩.

  • @techgal2010
    @techgal2010 Год назад

    I had a flashback to Pete Seeger's "Little Boxes" song. Though this is defintely not "ticky-tacky" stuff. I am certain to be leaving "Chumpville" now, discarding older page builder bad habits. I really prefer working smarter to working harder. 😍

  • @Nina_2288
    @Nina_2288 7 месяцев назад

    Thank you so much for the detailed explanations Kevin! 🌸🌸💮💮

  • @eduardkirin387
    @eduardkirin387 Год назад

    Now this was something...what a tutorial Kevin, I'm blown away 😁. Keep them coming 💪🏼

  • @ukukudu
    @ukukudu Год назад

    I am getting excited again about web design. Bricks is super cool and your content is amazing

    • @Gearyco
      @Gearyco  Год назад +1

      Great to hear!

  • @50masta45
    @50masta45 Год назад

    Wow, great teaching skills

  • @glhutchman
    @glhutchman Год назад

    GRRREAT lesson Kevin. LOVED it. Leaving my "chump" self behind!

  • @mrfairycake4333
    @mrfairycake4333 9 месяцев назад

    Brillant Kevin :)

  • @rockeygamer5163
    @rockeygamer5163 Год назад

    Mind blowing video Kevin 🤩. That x, y, z axes thing was amazing 😀.

  • @TheDesiMarketer
    @TheDesiMarketer Год назад

    Great video, Kevin. I look forward to next one. Thank you!

  • @emadhosen
    @emadhosen Год назад

    Why does RUclips limit thumbs up/likes to only one single time on each video? I am asking because some videos have so much value that one single like isn't enough for them, such as this YT video tutorial and other tutorials made by Kevin.
    I wish I could give thumbs ups on these videos as much as I can. Thank you Kevin.

  • @-ct-celcomtechniques2566
    @-ct-celcomtechniques2566 Год назад

    Value guys ! VALUE !!!
    Thank You so much Kevin !

  • @AmandaLucaseu
    @AmandaLucaseu Год назад

    Fantastic video Kevin. Nuggets in each and everyone for every skill level 👍🏻

  • @jzea5605
    @jzea5605 Год назад

    Every time he said something that was "chump-behaviour" he perfectly described me. I just built my 2nd professional (and quite well paid) website, but every single sin on this video I commited (including on other videos in this series). Almost feel like I should rebuild the site, regardless I feel like I am learning the secret ways of the force here.

    • @Gearyco
      @Gearyco  Год назад

      💪🏻💪🏻💪🏻

  • @perria1882
    @perria1882 Год назад

    I will never go back to Divi!! Thanks Kevin!!

  • @ruemorg7
    @ruemorg7 9 месяцев назад

    Thank you!!

  • @sjchalton
    @sjchalton Год назад

    Kevin, this is incredibly insightful!

  • @eucalyptech
    @eucalyptech Год назад

    What a box(ing) tutorial ! Thank you Kevin 😉

  • @philipplunch8526
    @philipplunch8526 Год назад

    Great Lesson, I learned a lot 😊. Thanks, Kevin!

  • @simonepagnini6735
    @simonepagnini6735 9 месяцев назад

    Very useful video, thanx for this gold material! These seems like the chinese boxes :)

  • @Brandstrong
    @Brandstrong Год назад

    Thanks appreciate the detail in the video and overall content. By the way Elementor does now allow you to split text via columns natively within the editor, no hand-coded css needed. Don't get me wrong not saying Elementor is great, just that its built-in already.

    • @Gearyco
      @Gearyco  Год назад +1

      I’ll have to check it.

  • @user-cr2sp7my8h
    @user-cr2sp7my8h 10 месяцев назад

    Great tips! Really enjoyed the tutorial, thank so much!

  • @ZachDevine
    @ZachDevine 3 месяца назад

    PB101 has been amazing, thank you. Where do you stand with Kadence? Do you find it to create bloat like Elementor? You're videos have made me realize I've been an "assember" for the last 10 years so I'm looking forward to learning more in your Inner Circle and the rest of PB101.

    • @Gearyco
      @Gearyco  3 месяца назад

      Kadence isn’t good

  • @adrianjabascal4749
    @adrianjabascal4749 Год назад

    Another great video.
    I wish briks made cleaner code though. It seems so much more than I would ever write by hand.

  • @JohnRanaudo
    @JohnRanaudo 9 месяцев назад

    Nice job Kevin! Loved the training and learned a lot.

    • @Gearyco
      @Gearyco  9 месяцев назад

      Glad to hear it!

  • @bjoernzosel
    @bjoernzosel Год назад

    wow - this just blew my mind!

  • @llopismarc
    @llopismarc Год назад

    Thanks fantastic

  • @ataei.studio
    @ataei.studio Год назад

    I switched from Elementor to Bricks a couple of months ago, and I haven't regretted it for a single moment. Please don't misunderstand me when I mention that Elementor allows you to break text into columns without writing code. Just wanted to share that information with you. 🙂

    • @Gearyco
      @Gearyco  Год назад +1

      I saw. One of the few things they got right.

    • @ataei.studio
      @ataei.studio Год назад

      @@Gearyco 🤭

  • @nelsonlim1389
    @nelsonlim1389 Год назад

    Amazing ❤

  • @wilsonang1386
    @wilsonang1386 Год назад

    Thank you Kevin.

  • @jamesfranchino
    @jamesfranchino Год назад

    Thanks!

  • @Hayleydh
    @Hayleydh Год назад

    Thank you for the valuable content!

  • @tbakula92
    @tbakula92 3 месяца назад

    Css classes are great but if you want to modify the html structure (e.g. add button to the card) you still have to do it like a chump 🙂 cause there are no overwritable components in the Bricks Builder. Did you find an workaround for this?

    • @Gearyco
      @Gearyco  3 месяца назад

      Bricks is releasing components soon

  • @basilbabaa1628
    @basilbabaa1628 Год назад

    I am now going back through the course more slowly and attempting to duplicate some of what you're doing.
    When I input this CSS for columnizing the text, I get 2 columns 200px wide, instead of 2 columns of a minimum 200px width.
    root {
    columnns: 2 200px;
    }
    What am I missing?

  • @sophiemulders
    @sophiemulders Год назад

    Yaaaaaaasss found you via josh hall. And most things you tell I already know! So thats good. But i got a bit lazy through elementor. Never realized the dom output was soooo bad.
    So my new site ; bricks for builder rest css? And your Automattic css? Good idea? How do i learn that as quick as possible.

  • @danielotoole72
    @danielotoole72 13 дней назад

    Quick question, at 34:14 when you added a section, it seems to have a margin around it from the start. When I add a section, it's butted up against the bar at the top. Are you using a preset or theme setting or something?

    • @Gearyco
      @Gearyco  10 дней назад +1

      It’s not margin it’s padding. ACSS adds it to sections by default.

    • @danielotoole72
      @danielotoole72 10 дней назад

      @@Gearyco Thank you so much for this content. This course is exactly what I've been looking for. You'll have a new Automatic CSS and Frames customer soon...

  • @steffengro8542
    @steffengro8542 Год назад

    Fantastic.

  • @derekshort
    @derekshort Год назад

    I like the columns property, but I’m confused by “root” as the selector. Should I not use the class? Did I miss something in the video? 🤔

    • @Gearyco
      @Gearyco  Год назад +1

      In bricks, “root” is just a placeholder for the current class/selector.

    • @derekshort
      @derekshort Год назад

      @@Gearyco Ah. So, would the CSS end result look like this for an ordered list?
      ol { columns: 2 }

  • @jerryb6728
    @jerryb6728 Год назад

    Kevin. Why use WordPress page builders... Im assuming before bricks and oxygen..there were not any Class first page builders. What were ur go to then .

    • @Gearyco
      @Gearyco  Год назад +1

      Because they speed up workflow tremendously and they do a lot of php/js heavy lifting.