Wygląd kodu html/css. Jak poprawnie zapisać?

Question

Witam potrzebuje kogoś kto mi doradzi jak powinien prawidłowo wyglądać dany kod. Chodzi mi o zapis nazw klas. Wiem że są różne metodyki. Może ktoś ma jakiś fajny kurs, poradnik. Początek coś tam próbowałem zrobić ale nie wiem czy dobrze. Schody zaczynają się dalej jak jest zagnieżdżone więcej elementów. Z góry dziękuję :)

 

             <div class="offer">
                <div class="offer-info">
                    <h2>Oferta</h2>
                    <div class="offer-info__hr"></div>
                    <p>Poznaj naszą bogatą ofertę</p>
                </div>
                <div class="grid">
                    <div class="column-xs-12" data-aos="fade-up">
                        <div class="o">
                            <div class="card card-1">
                                <img class="image" src="oferta2.png" alt="Oferta">
                                <div class="po">
                                    <h2>Oferta 1 <i class='bx bx-chevron-right'></i></h2>
                                    <div class="offer-info__hr"></div>
                                    <div class="bot">Opis</div>
                                </div>
                            </div>
                            <div class="card card-1">
                                <img class="image" src="oferta2.png" alt="Oferta">
                                <div class="po">
                                    <h2>Oferta2 <i class='bx bx-chevron-right'></i></h2>
                                    <div class="offer-info__hr"></div>
                                    <div class="bot">Opis</div>
                                </div>
                            </div>
                            <div class="card card-1">
                                <img class="image" src="oferta2.png" alt="Oferta">
                                <div class="po">
                                    <h2>Oferta 3 <i class='bx bx-chevron-right'></i></h2>
                                    <div class="offer-info__hr"></div>
                                    <div class="bot">Opis</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

 

Answer 1

Sprawdź, np. to:

• A Simple Approach to CSS Class Naming

• CSS Naming Conventions that Will Save You Hours of Debugging

Answer 2

https://www.udemy.com/
https://eduweb.pl/