Styjun

What is the meaning of word 'crack' in chapter 33 of A Game of Thrones?

Order of ingredients when making Pizza dough

How do pilots align the HUD with their eyeballs?

Can a DC brushless motor produce the same torque at different power levels?

Writing a letter of recommendation for a mediocre student

Why weren't the Death Star plans transmitted electronically?

Is it really necessary to have a four hour meeting in Sprint planning?

Are lawyers allowed to come to agreements with opposing lawyers without the client's knowledge or consent?

To change trains = cambiare treno?

Functional analysis of the Pink Panther

practicality of 30 year fix mortgage at 55 years of age

word frequency from file using partial match

Does HTTP HSTS protect a domain from a bad-actor publically-trusted-CA issing a illegitimate valid certificate?

Is it possible to encode a message in such a way that can only be read by someone or something capable of seeing into the very near future?

How can an attacker use robots.txt?

Safely hang a mirror that does not have hooks

Extruding snaps back

1, 2, 4, 8, 16, ... 33?

Why did UK NHS pay for homeopathic treatments?

Would Taiwan and China's dispute be solved if Taiwan gave up being the Republic of China?

What can a pilot do if an air traffic controller is incapacitated?

How to justify a team increase when the team is doing good?

On the meaning of 'anyways' in "What Exactly Is a Quartz Crystal, Anyways?"

Do we have any particular tonal center in mind when we are NOT listening music?

Is it possible to make a flex box with with % images instead of pixels?

How to align photos horizontally that was previously aligned vertically?Can I stop 100% Width Text Boxes from extending beyond their containers?Input with display:block is not a block, why not?How do I make a placeholder for a 'select' box?Flex-box: Align last row to gridCannot display HTML stringChange order of flex items when flex box width changesMaximum possible size image and div expanding to fill the spacesetting the height of an image within a flex-wrap elementFlexbox modify flex-item property to stack one item on top of the othertext not wrapping in IE using flex box

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;

0

When I have the width of the images set to a % with flex-wrap: wrap;, flex wrap doesn't work. I can understand because the image stays proportional to the viewport. When I switch it to px it works.
Is there a way to keep it as a % to be fluid, but when the images get below a certain size it wraps?

I've tried using % and px. Flex wrap works for px but not %.

* 
 font-family: arial, sans-serif; 
 box-sizing: border-box;

 html, body 
 margin: 0;
 padding: 0;
 

 .flex-container 
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 margin: .5%;
 padding-top: 100px;
 

 .flex-container > div 
 text-align: center;
 margin: .5%;
 width: 31%;
 padding: 0;
 

 @media screen and (max-width:500px) 
 .column 
 width: 100%;
 
 

<div class="flex-container">

<div><img src="Images/Printing/Dinner Menus-01.jpg" style="max-width:100%;height:auto;" alt="Banners" /></div>
<div><img src="Images/Printing/Banner.jpg" style="max-width:100%;height:auto;" alt="Posters" /></div>
<div><img src="Images/Printing/Banner.jpg" style="max-width:100%;height:auto;" alt="Poster" /></div>
</div>

html css css3 flexbox

share|improve this question

edited Mar 29 at 15:17

Michael_B

177k5252 gold badges291291 silver badges403403 bronze badges

asked Mar 28 at 17:02

YabusaYabusa

1511414 bronze badges

• 
  
  
  

  
  1
  

  
  
  
  
  
  

  
  
  use media queries to change the width so it wraps - pretty similar to this question I just answered
  
  – Pete
  Mar 28 at 17:03
  
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  the .column in your media query is not found in your html
  
  – KENZiE
  Mar 29 at 15:33
  

  
  
  
  

add a comment
 | 

0

When I have the width of the images set to a % with flex-wrap: wrap;, flex wrap doesn't work. I can understand because the image stays proportional to the viewport. When I switch it to px it works.
Is there a way to keep it as a % to be fluid, but when the images get below a certain size it wraps?

I've tried using % and px. Flex wrap works for px but not %.

* 
 font-family: arial, sans-serif; 
 box-sizing: border-box;

 html, body 
 margin: 0;
 padding: 0;
 

 .flex-container 
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 margin: .5%;
 padding-top: 100px;
 

 .flex-container > div 
 text-align: center;
 margin: .5%;
 width: 31%;
 padding: 0;
 

 @media screen and (max-width:500px) 
 .column 
 width: 100%;
 
 

<div class="flex-container">

<div><img src="Images/Printing/Dinner Menus-01.jpg" style="max-width:100%;height:auto;" alt="Banners" /></div>
<div><img src="Images/Printing/Banner.jpg" style="max-width:100%;height:auto;" alt="Posters" /></div>
<div><img src="Images/Printing/Banner.jpg" style="max-width:100%;height:auto;" alt="Poster" /></div>
</div>

html css css3 flexbox

share|improve this question

edited Mar 29 at 15:17

Michael_B

177k5252 gold badges291291 silver badges403403 bronze badges

asked Mar 28 at 17:02

YabusaYabusa

1511414 bronze badges

• 
  
  
  

  
  1
  

  
  
  
  
  
  

  
  
  use media queries to change the width so it wraps - pretty similar to this question I just answered
  
  – Pete
  Mar 28 at 17:03
  
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  the .column in your media query is not found in your html
  
  – KENZiE
  Mar 29 at 15:33
  

  
  
  
  

add a comment
 | 

When I have the width of the images set to a % with flex-wrap: wrap;, flex wrap doesn't work. I can understand because the image stays proportional to the viewport. When I switch it to px it works.
Is there a way to keep it as a % to be fluid, but when the images get below a certain size it wraps?

I've tried using % and px. Flex wrap works for px but not %.

* 
 font-family: arial, sans-serif; 
 box-sizing: border-box;

 html, body 
 margin: 0;
 padding: 0;
 

 .flex-container 
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 margin: .5%;
 padding-top: 100px;
 

 .flex-container > div 
 text-align: center;
 margin: .5%;
 width: 31%;
 padding: 0;
 

 @media screen and (max-width:500px) 
 .column 
 width: 100%;
 
 

<div class="flex-container">

<div><img src="Images/Printing/Dinner Menus-01.jpg" style="max-width:100%;height:auto;" alt="Banners" /></div>
<div><img src="Images/Printing/Banner.jpg" style="max-width:100%;height:auto;" alt="Posters" /></div>
<div><img src="Images/Printing/Banner.jpg" style="max-width:100%;height:auto;" alt="Poster" /></div>
</div>

html css css3 flexbox

share|improve this question

edited Mar 29 at 15:17

Michael_B

177k5252 gold badges291291 silver badges403403 bronze badges

asked Mar 28 at 17:02

YabusaYabusa

1511414 bronze badges

* 
 font-family: arial, sans-serif; 
 box-sizing: border-box;

 html, body 
 margin: 0;
 padding: 0;
 

 .flex-container 
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 margin: .5%;
 padding-top: 100px;
 

 .flex-container > div 
 text-align: center;
 margin: .5%;
 width: 31%;
 padding: 0;
 

 @media screen and (max-width:500px) 
 .column 
 width: 100%;
 
 

<div class="flex-container">

<div><img src="Images/Printing/Dinner Menus-01.jpg" style="max-width:100%;height:auto;" alt="Banners" /></div>
<div><img src="Images/Printing/Banner.jpg" style="max-width:100%;height:auto;" alt="Posters" /></div>
<div><img src="Images/Printing/Banner.jpg" style="max-width:100%;height:auto;" alt="Poster" /></div>
</div>

share|improve this question

edited Mar 29 at 15:17

Michael_B

177k5252 gold badges291291 silver badges403403 bronze badges

asked Mar 28 at 17:02

YabusaYabusa

1511414 bronze badges

share|improve this question

edited Mar 29 at 15:17

Michael_B

177k5252 gold badges291291 silver badges403403 bronze badges

asked Mar 28 at 17:02

YabusaYabusa

1511414 bronze badges

edited Mar 29 at 15:17

Michael_B

177k5252 gold badges291291 silver badges403403 bronze badges

edited Mar 29 at 15:17

Michael_B

177k5252 gold badges291291 silver badges403403 bronze badges

asked Mar 28 at 17:02

YabusaYabusa

1511414 bronze badges

asked Mar 28 at 17:02

YabusaYabusa

1511414 bronze badges