css网格不适合我,它以不同的方式组织跨度


<!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代码。请有人解释一下这个我真的需要帮助

grid.css谷歌驱动器

谢谢你的帮助,如果你需要我的style.css文件,我会把它复制到评论中编辑:在我的style.css文件中,我也有这样的代码:

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

}

4个div的代码应该是这样的:

<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>

最新更新