How should I arrange my card in column , as am using display: flex and flex-direction: column property But it won't work !
#Hey there!
lofty moat
tight imp
send code
lofty moat
How do I arrange it into row
tight imp
just don't add flex-direction:column;
lofty moat
You're not getting my point , I want to say how do I make these cards in front of each other .... Try it by yourself
tight imp
wdym in front of each other lol
if you wanna have them NEXT to each other just add display: flex; to the parent containing all the cards???
lofty moat
Buddy , I've tried this but it isn't working....
tight imp
then you are doing it wrong
lofty moat
you may try it first !
tight imp
I have already done it
lofty moat
Share snapshot of that code with me
tight imp
just add a class to the div wrapping all your items and style it with display: flex;
lofty moat
check it
lofty moat
I just tried that but it won't work ... You'd check out my link and make it clear and then share with me ... If you've time
tight imp
I am making it clear with you and I have already fixed it myself
tight imp
just add a class to the div wrapping all your items and style it with display: f...
more clear than this it's impossible
lofty moat
Share that code with me
tight imp
💀💀
App:
import React from "react"
import Card from "./Card"
import dataBase from "./dataBase"
export default function App(){
const bags = dataBase.map(item => {
return(
<Card
{...item}
key= {item.id}
/>
)
})
return (
<div className="parent">
{bags}
</div>
)
}
lofty moat
I've got you but its not working
tight imp
.bags {
display: flex;
font-size: 12px;
flex-direction: column;
width: 33%;
}
.parent{
display: flex;
}
css
tight imp
I've got you but its not working
if you had this it would be working
lofty moat
Ok now I'd get it ...Thans for your precious time