How do I fill up the page grid and lay out the content widths in a single column?

后端未结

关注

 1  720

醉话见心 2021-01-26 18:16

I\'m trying to create flex box columns for web development. However, all I managed to do is produce one column of flex boxes.

What are some basic CSS codes that would ve

1条回答

后悔当初 (楼主)

2021-01-26 18:41

On your section CSS, change flexbox to flex and it shall work.

@charset "utf-8";

/*
      CSS Code
    */

section {
  display: flex; /* Change from flexbox to flex */
  flex-direction: row;
  flex-wrap: wrap-reverse;
}

div.card {
  display: flex;
  flex-basis: 200px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}





  
  
  Coding Challenge 5-2
  
  




  Social Media Sites

  
    
      
        Facebook
      
      
      238,150 followers
    
    
      
        Twitter
      
      
      48,871 followers
    
    
      
        Instagram
      
      
      171,244 followers
    
    
      
        GooglePlus
      
      
      64,288 followers
    
    
      
        YouTube
      
      
      Subscribe to our Channel
    
    
      
        Vimeo
      
      
      Get the Vimeo Feed
    
    
      
        Skype
      
      
      Join a Skype Chat
    
    
      
        Pinterest
      
      
      Create your Page
    
    
      
        Bloggr
      
      
      Subscribe to our Feed
    
    
      
        Tumblr
      
      
      Get Daily Updates
    
    
      
        Share
      
      
      Share our Content
    
    
      
        E-mail
      
      
      E-mail Us!

0 讨论(0)