Programmiererforum

import { Box, Center, Flex, Heading } from "@chakra-ui/react";
import React from "react";
import Slider from "react-slick";

const App = () => {
const setting = {
dots: false,
infinite: true,
speed: 500,
slidesToShow: 1,
slidesToScroll: 1,
};
return (







600 x 400


{/* Slide 2 */}


600 x 400







);
};

export default App;

Ich versuche also, mit [b]react-slick[/b] ein Karussell in einem Feld zu erstellen, das unabhängig von der Auflösung immer zentriert auf dem Bildschirm ausgerichtet ist.
Hier ist es mein Code:
[code]import { Box, Center, Flex, Heading } from "@chakra-ui/react";
import React from "react";
import Slider from "react-slick";

const App = () => {
const setting = {
dots: false,
infinite: true,
speed: 500,
slidesToShow: 1,
slidesToScroll: 1,
};
return (







600 x 400


{/* Slide 2 */}


600 x 400







);
};

export default App;

[/code]
Und mir ist aufgefallen, dass jedes Mal, wenn Sie versuchen, es mit VStack, Center oder Flex zu verwenden, seine horizontale Breite oder sein OverflowX um 1000 % nach rechts hinausschießt. Sie können dies im Bild unten überprüfen.
[img]https://i.sstatic.net/65piZ10B.png[/img]

so ähm, warum das passiert und was sollte Ich weiß, dass ich das in Zukunft nicht mehr verursachen soll?