Display flex and width of content | Sololearn: Learn to code for FREE!


Display flex and width of content

Hello, I got code like this: div class="wrapper"> <header></header> <article> <p>Text</p> </article> <aside class="aside aside-left"></aside> <aside class="aside aside-right">Aside righ</aside> <footer></footer> then I got css: .wrapper { display: flex; flex-flow: row wrap; * { flex: 1 100%; padding: 1%; <Article> and both <aside> are in one row but how can I change width of all three "boxes" ? I want to <aside> be like 10% width and 80% width would be <article>. ??

8/15/2017 6:20:45 PM

Maciej Mazurek

1 Answer

New Answer


When you try to give all 3 boxes the same width givd them a class and in css you can simply write .(your class) { width:..; }