Unveiling the Box Model: Discover How Websites Truly Operate!

แชร์
ฝัง
  • เผยแพร่เมื่อ 18 ธ.ค. 2024

ความคิดเห็น • 5

  • @skou017
    @skou017 14 วันที่ผ่านมา +3

    Another quick way to show these boxes in boxes, is to go Inspect Element, then add a new CSS: *{border:1px solid pink !important;}
    This will add a border over everything, and its useful especially when you are on mobile, and there seems to be some element that is wider than it should be and causing users to be able to scroll left and right.

    • @dereksiuau
      @dereksiuau  14 วันที่ผ่านมา +1

      That is an awesome suggestion! Thanks for sharing

    • @seixinhas
      @seixinhas 12 วันที่ผ่านมา

      how do you do that? Im struggling a lot with that...

    • @skou017
      @skou017 12 วันที่ผ่านมา

      1. Right click anywhere in the page and click on Inspect Element
      2. Go to the right section where all the css is and create a new css selector,
      I.e *{}
      3. Add border: 1px solid pink !important;
      The * is select all elements on the page
      The !important at the end will help override any element that already has a border

    • @seixinhas
      @seixinhas 12 วันที่ผ่านมา

      @ thanks 🙏