@diagramers/admin/src/views/blocks/images/ImagesFixedWidth.js

Diagramers Admin Template - React starter for admin dashboards.

import React from 'react';

const ImagesFixedWidth = () => {
  return (
    <>
      <div>
        <div className="sw-3 me-1 mb-1 d-inline-block">
          <img src="/img/profile/profile-1.webp" className="img-fluid rounded-md" alt="thumb" />
        </div>
        <div className="sw-4 me-1 mb-1 d-inline-block">
          <img src="/img/profile/profile-2.webp" className="img-fluid rounded-md" alt="thumb" />
        </div>
        <div className="sw-5 me-1 mb-1 d-inline-block">
          <img src="/img/profile/profile-3.webp" className="img-fluid rounded-md" alt="thumb" />
        </div>
        <div className="sw-6 me-1 mb-1 d-inline-block">
          <img src="/img/profile/profile-4.webp" className="img-fluid rounded-md" alt="thumb" />
        </div>
        <div className="sw-7 me-1 mb-1 d-inline-block">
          <img src="/img/profile/profile-5.webp" className="img-fluid rounded-md" alt="thumb" />
        </div>
        <div className="sw-8 me-1 mb-1 d-inline-block">
          <img src="/img/profile/profile-6.webp" className="img-fluid rounded-md" alt="thumb" />
        </div>
        <div className="sw-9 me-1 mb-1 d-inline-block">
          <img src="/img/profile/profile-7.webp" className="img-fluid rounded-md" alt="thumb" />
        </div>
        <div className="sw-10 me-1 mb-1 d-inline-block">
          <img src="/img/profile/profile-8.webp" className="img-fluid rounded-md" alt="thumb" />
        </div>
      </div>
      <div>
        <div className="sw-3 me-1 mb-1 d-inline-block">
          <img src="/img/product/small/product-1.webp" className="img-fluid rounded-md" alt="thumb" />
        </div>
        <div className="sw-4 me-1 mb-1 d-inline-block">
          <img src="/img/product/small/product-2.webp" className="img-fluid rounded-md" alt="thumb" />
        </div>
        <div className="sw-5 me-1 mb-1 d-inline-block">
          <img src="/img/product/small/product-3.webp" className="img-fluid rounded-md" alt="thumb" />
        </div>
        <div className="sw-6 me-1 mb-1 d-inline-block">
          <img src="/img/product/small/product-4.webp" className="img-fluid rounded-md" alt="thumb" />
        </div>
        <div className="sw-7 me-1 mb-1 d-inline-block">
          <img src="/img/product/small/product-5.webp" className="img-fluid rounded-md" alt="thumb" />
        </div>
        <div className="sw-8 me-1 mb-1 d-inline-block">
          <img src="/img/product/small/product-6.webp" className="img-fluid rounded-md" alt="thumb" />
        </div>
        <div className="sw-9 me-1 mb-1 d-inline-block">
          <img src="/img/product/small/product-7.webp" className="img-fluid rounded-md" alt="thumb" />
        </div>
        <div className="sw-10 me-1 mb-1 d-inline-block">
          <img src="/img/product/small/product-8.webp" className="img-fluid rounded-md" alt="thumb" />
        </div>
      </div>
    </>
  );
};

export default ImagesFixedWidth;