Удалить левое и правое расположение сетки в UI-kit и реагировать

avatar
Joseph Musyoka
9 августа 2021 в 05:45
23
0
0

Я использую CMS, которая упорядочивает контент справа и слева с помощью UI-kit и реагирует. Я хочу удалить правую и левую аранжировки, не пропуская какой-либо контент. Вот код

import React from "react";
import Card from "../Card";

const Articles = ({ articles }) => {
  const leftArticlesCount = Math.ceil(articles.length / 1000);
  const leftArticles = articles.slice(0, leftArticlesCount);
  const rightArticles = articles.slice(leftArticlesCount, articles.length);

  return (
    <div>
      <div className="uk-child-width-expand@m" data-uk-grid>
        {/* <div>
          {leftArticles.map((article, i) => {
            return <Card article={article} key={`article__${article.slug}`} />;
          })}
        </div> */}
        <div>
          <div className="uk-child-width-expand@m uk-grid-large" data-uk-grid>
            {rightArticles.map((article, i) => {
              return <Card article={article} key={`article__${article.slug}`} />;
            })}
          </div>
        </div>
      </div>
    </div>
  );
};

export default Articles;
Источник

Ответы (0)