сетка css не работает для меня, она организует промежутки иначе, чем должна - PullRequest
Новая
       24

сетка css не работает для меня, она организует промежутки иначе, чем должна

0 голосов
/ 04 марта 2020 
<!DOCTYPE html>


<head>
    <link rel="stylesheet" type="text/css" href="vendors/css/normalize.css">
    <link rel="stylesheet" type="text/css" href="vendors/css/grid.css">
    <link rel="stylesheet" type="text/css" href="resources//css/style.css">
    <link href="https://fonts.googleapis.com/css?family=Heebo:100,300,400&display=swap&subset=hebrew" rel="stylesheet">
    <title>לימור מלול - יבוא בידיים טובות</title>

</head>


<body>
    <header>
        <nav>
            <div class="row">
                <img src="resources/css/images/%D7%9B%D7%93%D7%95%D7%A8.png" alt= "יבוא בידיים טובות לוגו" class="logo">
                <ul class="main-nav">
                    <li><a href="#">קצת עליי</a></li>
                    <li><a href="#">השירותים שלנו</a></li>
                    <li><a href="#">לקוחות מספרים</a></li>
                    <li><a href="#">צור קשר</a></li>
            </div>
        </nav>
        <div class="hero-text-box">
            <h1> יבוא מוצלח מתחיל כאן.<br> המרכז המוביל בישראל ליבואנים מתחילים. </h1>
            <a class="btn btn-full" href="#"> אני רוצה להתחיל לייבא </a>
            <a class="btn btn btn-outline" href="#"> אני רוצה לקרוא עוד </a>
        </div>
    </header>
    <section class="section=features">
        <div class="row">
            <h2> קורסים וליווי אישי &mdash; תוכניות הדגל שלנו </h2>
            <p class="long-copy">תוכניות הדגל של לימור מלול- יבוא בידיים טובות.<br> בחרו את התוכנית המתאימה לכם והתחילו כבר היום.</p>
        </div>
        <div class="row">
            <div class="col span-4-of-4">
                <h3>קורס ניהול יבוא מנצח</h3>
                <p> הקורס שילמד אותך איך לנהל את הליכי הייבוא שלך בצורה יעילה<br> איך להגדיל את ההכנסות שלך מהייבוא <br> ואיך לבדוק האם אתה יכול להוזיל עלויות בתהליך היבוא.</p>
            </div>
            <div class="col span-3-of-4">
                <h3>קורס מתקדמים</h3>
                <p> קורס למתקדמים שיבוא את המצב שלך ביבוא<br> למצב שבו אתה שולט בכל דבר שקיים בתחום<br> מתאים גם למתחילים וגם למתקדמים.</p>
            </div>
            <div class="col span-2-of-4">
                <h3>ליווי אישי</h3>
                <p> ליווי אישי על ידי לימור מלול מנכלית המרכז והאחראית על כל התוכן והידע<br>שנמצאים באתר ובקורסים <br> בליווי תלמד באופן אישי איך להקים עסק ביבוא ולהגיע למצב שבו היבוא שלך כמעט ומנהל את עצמו.</p>
            </div>
            <div class="col span-1-of-4">
                <h3>הרצאת יבוא ללא חששות</h3>
                <p>הרצאה מבוא לעולם היבוא<br> בהרצאה נלמד מושגים בסיסיים, איך התהליך עובד <br> ותוכלו לקבל ידע וכלים כיצד להתחיל לייבא כבר עכשיו.</p>
            </div>
        </div>
    </section>
</body

и это сетка. css Я использую, это сетка, которую я получил из браузера для курса. делает. возможно, это потому, что мой код - RTL, а инструктор использует ltr, поэтому сетка хороша только для ltr-кодов. пожалуйста, кто-нибудь объясните мне действительно нужна помощь с этой

сеткой. css google drive

спасибо за помощников, если вам нужен мой стиль. css file i ' Я скопирую его в редактирование комментариев: в моем стиле. css файл, у меня также есть этот код: 

.row {
max-width: 1140px;
margin: 0 auto;

}

1 Ответ

0 голосов
/ 04 марта 2020

Ваш код для 4 делений должен быть таким: 

<div class="row">
<div class="col span-1-of-4">
</div>
<div class="col span-1-of-4">
</div>
<div class="col span-1-of-4">
</div>
<div class="col span-1-of-4">
</div>
</div>
...