WhiteTiger Posts - Answer Overflow

WhiteTiger

•Created by WhiteTiger on 1/27/2025 in #front-end

What do you think about my html?

Is it written well? If not how can I improve it? Are my class names written well? I had a tough time with it.


    <main class="main">
      <section class="design-description-1">
        <div class="container">
          <div class="design-description-1__row">
            <div class="design-description-1__col-1">
              <h2 class="design-description-1__heading">Made custom for you</h2>
              <p class="design-description-1__text">
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Est
                neque, rerum dolores deleniti quisquam maiores deserunt ipsum.
                Tempora quos perspiciatis sapiente quas, itaque iure inventore
                aliquid eius minima aliquam natus?
              </p>
            </div>
            <div class="design-description-1__col-2">
              <img src="/images/image-01.jpg" alt="" />
            </div>
          </div>
        </div>
      </section>

      <section class="design-description-2">
        <div class="container">
          <div class="design-description-2__row">
            <div class="design-description-2__col-1">
              <h2 class="design-description-2__heading">Created with care</h2>
              <p class="design-description-2__text">
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Est
                neque, rerum dolores deleniti quisquam maiores deserunt ipsum.
                Tempora quos perspiciatis sapiente quas, itaque iure inventore
                aliquid eius minima aliquam natus?
              </p>
            </div>
            <div class="design-description-2__col-2">
              <img src="/images/image-02.jpg" alt="" />
            </div>
          </div>
        </div>
      </section>

    </main>

8 replies

KPCKevin Powell - Community

•Created by WhiteTiger on 1/27/2025 in #front-end

Am I using the BAM naming convention correctly?

If so, doesn't this create a very long chain of double underscores? making it inefficient to type and read?

 <aside class="aside">
        <div class="aside__block">
          <h2 class="aside__block__heading">Cheap</h2>
          <p class="aside__block__paragraph">
            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
            eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
            ad minim veniam.
          </p>
        </div>
        <div class="aside__block">
          <h2 class="aside__block__heading">Quick</h2>
          <p class="aside__block__paragraph">
            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
            eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
            ad minim veniam.
          </p>
        </div>
        <div class="aside__block">
          <h2 class="aside__block__heading">Quality</h2>
          <p class="aside__block__paragraph">
            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
            eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
            ad minim veniam.
          </p>
        </div>
      </aside>

4 replies

KPCKevin Powell - Community

•Created by WhiteTiger on 1/20/2025 in #front-end

When you write media queries

When you write media queries do you make it so that it is responsve through and through as you shrink the browser, or only responive at certain break points?

4 replies

Gaming

Programming