Display flex and width of content

Question

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

Answer 1

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:..;
}