How to Center Things with Absolute Positioning | A Webflow Tutorial

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

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

  • @zoeurand4701
    @zoeurand4701 2 года назад +4

    You are the first person who has been able to explain this. THANK YOU 🙏🏼

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

    Thank you SO MUCH! I was struggling with this like for 4h, until I found your explanation. Thanks Jose!

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

    You have a real talent for teaching! Really appreciate your clear explanation of positioning!

  • @doity
    @doity 3 года назад

    I wish i could upvote twice! Clear, concise. thank you.

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

    Another really useful, clearly-explained tutorial. Thanks Jose!

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

    Thank you so much! I had never thought about the point of pixels, off course! Make sense, because in the computer is diferent of visual for us! Thanks a lot!

  • @nwachukwuofoma3904
    @nwachukwuofoma3904 2 года назад

    May God bless you wherever you are

  • @nocodekevin
    @nocodekevin 3 года назад

    Great lesson Jose. This video came up clipped on Google searching for "webflow how to center an absolute"

  • @vianneypercq
    @vianneypercq 3 года назад

    Great tuto Jose ! Thank you.

  • @Bonakaren
    @Bonakaren 3 года назад

    Wow that was super useful! Thank you!

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

    You are a Godsend 🔥🔥💯
    HUGE HELP. Really was out here thinking there was no way to center things positioned absolutely 🙏' - '

  • @yoyocr2034
    @yoyocr2034 4 года назад +1

    pls post tutorials more often... you're a wonderful teacher,i completed your class in skillshare

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

    God-tier tutorial! very well explained

  • @mindfulmagician7550
    @mindfulmagician7550 3 года назад +1

    You are the friggen best!!! Also, thanks for going as far as adding time stamps to the video to help me find it quicker.
    I tried using the where I was eyeballing it, but when I move the screen sizes, it looks terrible! Subscribing to your channel!

  • @Oli_Timmis
    @Oli_Timmis 4 года назад

    It’s great to have you back Jose! And congrats on the new job at Whiteboard!

    • @JoseOcandoVideos
      @JoseOcandoVideos  4 года назад +1

      Thanks Oli! I'm really enjoying the job. My team there is the best.

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

    This is an insane tutorial. Thank you!! Subcribed!

  • @mei.lin_rose7397
    @mei.lin_rose7397 Год назад

    Awesome, thanks! I needed it to make a logo watermark over the images in a gallery :D

    • @mei.lin_rose7397
      @mei.lin_rose7397 Год назад

      Ah, it didnt work as nicely as I'd hoped, as the images are available for download despite the watermark overlay. Manual watermarking it is .-.

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

    great teacher. thank u

  • @isabelvergara4255
    @isabelvergara4255 3 года назад

    Thank you so much for these tutorials :)!!!

  • @eddytritten
    @eddytritten 2 года назад

    This was so clear and easy to follow!

  • @thewebart
    @thewebart 4 года назад

    Welcome back Jose!

  • @kywxa
    @kywxa 2 года назад

    Absolutely great. Super helpfull. Life changing tutorial.

  • @SamarKhan-oz4ic
    @SamarKhan-oz4ic 4 года назад

    Thank you. Much appreciated

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

    THANK YOU!

  • @bilboloko100
    @bilboloko100 4 года назад

    You do a great job!

  • @AbdulWahab-pk4jx
    @AbdulWahab-pk4jx 3 года назад

    Thankyou soo much for making on it

  • @Xxellie100
    @Xxellie100 4 года назад +2

    Thank you so so much for this tutorial!! I've been struggling so much to find an up to date solution and you explained it so well! I would love to watch any more tutorials you have coming out as none of the others are this recent and compatible with the updates let alone explained as clearly as yours!! Thank you again :)

  • @jasonrose397
    @jasonrose397 4 года назад

    Always enjoy your videos, great tip re reducing css when centring items

  • @ChromeChipmunkz
    @ChromeChipmunkz 3 года назад

    Great video, exactly what I needed. Much obliged!

  • @MoonDesignDev
    @MoonDesignDev 4 года назад

    Great, tip, thanks Jose.

  • @seochon
    @seochon 2 года назад

    Thanks again!

  • @chriscrowd4946
    @chriscrowd4946 3 года назад

    Excellent thank you!

  • @jordanhovater6802
    @jordanhovater6802 3 года назад

    Incredibly helpful content. Keep it coming brother! Also, hello from a couple hours southwest in Birmingham, AL!

  • @Artisdoxi
    @Artisdoxi 3 года назад

    Thanks i am learning a lot! Thanks m8

  • @jordan_hughes
    @jordan_hughes 3 года назад

    Great to see you back man. I like these videos before I've even watched them 😅

  • @roccoandfriends
    @roccoandfriends 4 года назад +1

    Welcome back! Your tutorials are great!

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

    thank you man!

  • @Tepangaa
    @Tepangaa 3 года назад

    I really LOVED listening to you explaining this! Keep it up, helped me a lot!

  • @AnimeMemesDaily
    @AnimeMemesDaily 4 года назад

    I enjoyed this video

  • @donviktorg
    @donviktorg 4 года назад

    You always teaching great stuff. I hope to see your videos more often.

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

    Thank you!

  • @garyvoigt321
    @garyvoigt321 3 года назад

    Your tutorials are super helpful and very informative. You have become a Webflow resource for my future work, so thank you!

  • @webdeveloperinprogres5606
    @webdeveloperinprogres5606 3 года назад

    Awesome video...

  • @peatear42
    @peatear42 10 месяцев назад

    thank you!

  • @hal-zeitlin
    @hal-zeitlin 4 года назад

    Jose, welcome back to RUclips. Congrats on the new job. That's awesome to see!

    • @JoseOcandoVideos
      @JoseOcandoVideos  4 года назад +1

      Thanks Hal! How did it go with your project. I think you were working on your church's website?

    • @hal-zeitlin
      @hal-zeitlin 4 года назад

      @@JoseOcandoVideos yes! Everyone loved your input. I can't believe you remembered!

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

    Thank you.

  • @nikoma_
    @nikoma_ 2 года назад

    This is really cool. I have also been able to center sometimes with position absolute like this:

  • @thejohnzapido
    @thejohnzapido 3 года назад

    Wow. never knew that. so basically the element got the benefits of absolute and relative positioning at the same time :) thanks for your tutorials! by the way, you might want to check the nav on the "tips for responsive" tutorial. thanks!

  • @aronbijl4109
    @aronbijl4109 3 года назад

    LOL, I got a Wix commercial before the video started!

  • @olehansen6568
    @olehansen6568 4 года назад +1

    So happy you're back. Great tutorial. Can you lead me to the tutorial where you cover SVG in an embed. What exactly to paste and where to get it from?

    • @Oli_Timmis
      @Oli_Timmis 4 года назад +1

      Just open your SVG in some design software (Adobe XD, Figma, etc.) and click ‘Copy SVG Code’. Then just paste the code into an embed element where you want the icon to appear.

    • @JoseOcandoVideos
      @JoseOcandoVideos  4 года назад +2

      I think I was thinking of this twitter thread actually... twitter.com/jaocando/status/1194987916314976262?s=19

    • @olehansen6568
      @olehansen6568 4 года назад

      @@Oli_Timmis Is it possible to copy the SVG code in Adobe Illustrator?

    • @Oli_Timmis
      @Oli_Timmis 4 года назад +2

      @@olehansen6568 I don’t use Illustrator so I’m not sure on that one I’m afraid. If it doesn’t, then just export as SVG, then in Finder (Mac) / Explorer (Windows) just right-click on the SVG and open in a notepad type program. Then you can copy the code from there :)

    • @olehansen6568
      @olehansen6568 4 года назад +1

      @@Oli_Timmis Super. Thank you so much for your help...

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

    So goood!

  • @christiancreates8658
    @christiancreates8658 4 года назад

    Great teacher! Would be useful to suggest some real life scenario uses for a button that moves around like that!?

  • @twbashar
    @twbashar 4 года назад

    Welcome back man 🥰

  • @kevynlevine
    @kevynlevine 4 года назад

    Thanks for posting! Question...would the right-most absolute position button (full) have accomplished same thing?

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

    o dear, thanks a lot!

  • @kaycampbell364
    @kaycampbell364 4 года назад

    How do you get clients from online

  • @RocknRollCEO
    @RocknRollCEO 3 года назад +1

    I nominate Jose for a Knighthood for services to being awesome. All those in favour...?

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

    bro, your videos are nice, but usually very talky