Pàgina principal: diferència entre les revisions
Contingut suprimit Contingut afegit
temp |
bases de la flexbox |
||
Línia 11:
</div>
<div style="display:flex;flex-wrap:wrap
<!---bloc esquerra--->
<div style="display:flex;flex-wrap:wrap; flex-direction:column;flex:1 1 70%;margin-top:5px">
<div style="flex:1 1 0;padding:0;border:1px solid darkgray">
<div style="background:#5090c0;color:white;font-size:125%;font-family:'Linux Libertine',Georgia, serif;font-size:1.14rem;color:white;font-weight:bold; padding:5px 10px 5px 10px; padding-left:15px;">Novetats</div>
<div style="padding:15px">
Text de novetats
</div>
</div>
<div style="flex:1 1 0;padding:0;border:1px solid darkgray;margin-top:5px">
<div style="background:#5090c0;color:white;font-size:125%;font-family:'Linux Libertine',Georgia, serif;font-size:1.14rem;color:white;font-weight:bold; padding:5px 10px 5px 10px; padding-left:15px;">Fragment del dia</div>
<div style="padding:15px">
Fragment
</div>
</div>
</div> <!--- bloc esquerra tancat--->
<!---obrim bloc dreta--->
<div style="display:flex;flex-wrap:wrap;margin-left:3px;flex-direction:column;flex:1 1 25%;margin-top:5px">
<div style="flex:1 1 0;padding:0;border:1px solid darkgray">
<div style="background:#5090c0;color:white;font-size:125%;font-family:'Linux Libertine',Georgia, serif;font-size:1.14rem;color:white;font-weight:bold; padding:5px 10px 5px 10px; padding-left:15px;">Navegació</div>
<div style="padding:15px">
Navegació
</div>
</div>
<div style="flex:1 1 0;padding:0;border:1px solid darkgray;margin-top:5px">
<div style="background:#5090c0;color:white;font-size:125%;font-family:'Linux Libertine',Georgia, serif;font-size:1.14rem;color:white;font-weight:bold; padding:5px 10px 5px 10px; padding-left:15px;">Col·laboració actual</div>
<div style="padding:15px">
Col·laboració
</div>
</div>
<!--- bloc dreta tancat--->
</div>
| |||