Breaking News: Grepper is joining You.com. Read the official announcement!

flex box wrap generator

zombie 223 answered on May 16, 2022 Popularity 8/10 Helpfulness 1/10

answer flex box wrap generator

flex box wrap generator

Comment

<style>
  .flex-container {

    display: flex;
    
    justify-content: space-evenly; 
    align-items: stretch; 
    /* flex-flow: row wrap; */ 
    flex-direction: row; 
    flex-wrap: wrap; 
    align-content: flex-start;

    background-color: #bbdefb;
    height: 100%;
    padding: 15px;
    gap: 5px;

  }

  .flex-container > div{
    background: #ffecb3;
    border: 3px solid #ffcc80;
    border-radius: 5px;
    padding: 8px;
  }



</style>

<div class="flex-container">
   
    <div class="item1">item 1</div>
    <div class="item2">item 2</div>
    <div class="item3">item 3</div>
    <div class="item4">item 4</div>
    <div class="item5">item 5</div>
    <div class="item6">item 6</div>
    <div class="item7">item 7</div>
    <div class="item8">item 8</div>
    <div class="item9">item 9</div>
    <div class="item10">item 10</div>

</div>

Popularity 8/10 Helpfulness 1/10 Language html

Source: angrytools.com

Tags: box generator html

Link to this answer
Share Copy Link

Contributed on May 16 2022

zombie 223

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

flex box wrap generator

Contents

More Related Answers

flex box wrap generator

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.