Unveiling the Box Model: Discover How Websites Truly Operate!

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

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

  • @Kayode-y2y
    @Kayode-y2y 19 дней назад +1

    Thank you sir!

  • @skou017
    @skou017 Месяц назад +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  Месяц назад +1

      That is an awesome suggestion! Thanks for sharing

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

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

    • @skou017
      @skou017 Месяц назад +1

      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 Месяц назад +1

      @ thanks 🙏

    • @dereksiuau
      @dereksiuau  22 дня назад

      legend!

  • @autochehlycomua
    @autochehlycomua Месяц назад +1

    Thanks for your video! Could you explain to a beginner what the Page Wapper is? Why do you additionally use this div?

    • @dereksiuau
      @dereksiuau  28 дней назад +1

      Yes - I will make a video about this.

    • @autochehlycomua
      @autochehlycomua 28 дней назад +1

      @@dereksiuau Thank you so much