Currently utilizing Flex to showcase checkboxes, I have successfully met the requirements for both large and small resolutions. However, for medium resolution, the checkboxes are not functioning as anticipated. I am attempting to align all the boxes to float left.
Here is the source code snippet:
export default function App() {
return (
<Row className="py-3">
<Col className="col-3 mx-1">
<Row>
<Col>
<b>FIFA 2022 QUALIFIERS</b>
</Col>
</Row>
</Col>
<Col className="col-2">
<Row>
<Col>
<span> All </span>
<Input type="checkbox" />
</Col>
</Row>
</Col>
<Col>
<Row className="d-flex">
<Flex>
<Input type="checkbox" />
<span> ARG</span>
</Flex>
</Row>
</Col>
</Row>
);
}
Appreciate any assistance provided!