+ 1

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>. ??

15th Aug 2017, 6:20 PM
Maciej Mazurek
Maciej Mazurek - avatar
1 Answer
+ 4
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:..; }
26th Aug 2017, 5:25 PM
TrueJu - avatar