So geben Sie mit Tailwind CSS v3 den gleichen Abstand zwischen den Elementen ⇐ CSS

[Anonymous]

Ich verwende Tailwind CSS mit next.js.
Ich habe 8 Bilder unterschiedlicher Größe und möchte 4 Bilder in einer Reihe für mittelgroße und große Geräte und 2 Bilder in einer Reihe für kleine Geräte behalten.
Ich möchte den gleichen Abstand zwischen den Elementen in einer Reihe lassen, aber ich möchte, dass sich das erste Element in einer Reihe ganz links und das letzte Element in einer Reihe ganz rechts befindet.
Der Rest der Elemente sollte den gleichen Abstand zwischen ihnen einhalten.
Wie kann ich dies mit Tailwind CSS erreichen? Normalerweise weiß ich unter bestimmten Bedingungen, wie es geht, aber gibt es eine Möglichkeit, es direkt mit Tailwind zu machen?
JSON-Antwort von der API:

Code: Select all

     const ourPartners = [
{
id: "partner01",
pic: partner_01
},
{
id: "partner02",
pic: partner_02,
},
{
id: "partner03",
pic: partner_03,
},
{
id: "partner04",
pic: partner_04,
},
{
id: "partner05",
pic: partner_05,
},
{
id: "partner06",
pic: partner_06,
},
{
id: "partner07",
pic: partner_07,
},
{
id: "partner08",
pic: partner_08,
}
]

Der Code, in dem ich das Array zuordne:

Code: Select all

{
ourPartners.map((item, index) => {
return (





)
})
}