import React from "react";
import Container from "react-bootstrap/Container";
import Row from "react-bootstrap/Row";
import Col from "react-bootstrap/Col";
import Image from "react-bootstrap/Image";
import "bootstrap/dist/css/bootstrap.min.css";
import "./App.css";

function App() {
  return (
    <div className="App">
      <Container>
        <Row>
          <Col xs={12} md={6} lg={2}>
            <Image
              src="https://images.dog.ceo/breeds/airedale/n02096051_1861.jpg"
              fluid
            />
          </Col>

          <Col xs={12} md={6} lg={2}>
            <Image
              src="https://images.dog.ceo/breeds/airedale/n02096051_1861.jpg"
              fluid
            />
          </Col>

          <Col xs={12} md={6} lg={2}>
            <Image
              src="https://images.dog.ceo/breeds/airedale/n02096051_1861.jpg"
              fluid
            />
          </Col>

          <Col xs={12} md={6} lg={2}>
            <Image
              src="https://images.dog.ceo/breeds/airedale/n02096051_1861.jpg"
              fluid
            />
          </Col>

          <Col xs={12} md={6} lg={2}>
            <Image
              src="https://images.dog.ceo/breeds/airedale/n02096051_1861.jpg"
              fluid
            />
          </Col>

          <Col xs={12} md={6} lg={2}>
            <Image
              src="https://images.dog.ceo/breeds/airedale/n02096051_1861.jpg"
              fluid
            />
          </Col>
        </Row>
      </Container>
    </div>
  );
}

export default App;