Skip to main content

Flex box css

 


body {
    text-align: center;
    /* align-items: center; */
}

.container {
    border: 5px solid red;
    display: flex;
    flex-direction: row;
    justify-content:space-around;
    flex-wrap: wrap;
}

.container div {
    margin: 10px;
    text-align: center;
    font-size: 1.5rem;
    color: white;
}

.item1 {
    background-color: rebeccapurple;
    order: 3;
}

.item2 {
    background-color: coral;
    order: 2;
}

.item3 {
    background-color: tomato;
    order: 1;
}

Comments

Post a Comment

Popular posts from this blog

VERCEL DEPLOYMENT ERROR

 VERCEL DEPLOYMENT ERROR Options | NextAuth.js (next-auth.js.org) Step 1 : cmd $ openssl rand -base64 32 (Copy generated key) Step 2: Go to Project Environment Variables Add NEXTAUTH_SECRET : Key  Step 3: Redeploy
Post a Comment
Read more

Convert React Native To Expo

Convert React Native To Expo Step 1: Add Into App.json   "expo" : {     "sdkVersion" : "44.0.0" ,     "name" : "AwesomeProject"   } Step 2: Add this into your package.json    "dependencies" : {     "expo" : "^33.0.7" ,     "react" : "17.0.2" ,     "react-native" : "0.67.2"   }, Step 3: Make your Index.js file look like this AppRegistry . registerComponent ( 'main' , () => App ); Step 4: Install expo in your project folder In terminal paste npm install --save expo / npm install (If necessary)
Post a Comment
Read more

Insta Asset R Native

 Insta Asset R Native Mm
Post a Comment
Read more