Conversation
| <section> | ||
| <h2 class="same-h2">Motive să călătorești</h2> | ||
| <div class="reasons"> | ||
| <div><img src="img/img1.png" alt="" class="left" /></div> |
There was a problem hiding this comment.
Nu e greșit să pui imagini cu transparență.
Pentru nivelul următor, ai putea să explorezi proprietatea clip-path, care cred că ți-ar putea oferi mai multă flexibilitate.
There was a problem hiding this comment.
Am incercat sa le fac acum cu clip-path, dar nu am reusit exact aceeasi forma
contact.css
Outdated
| } | ||
|
|
||
| .pic12 { | ||
| grid-area: 2/8/4/9; |
There was a problem hiding this comment.
Există o proprietate grid-auto-flow care s-ar putea să te ajute. În loc să calculezi rândul și coloana, pui browserul la treabă și pe fiecare imagine definești doar câte rânduri și coloane se întinde, cu span.
Cu asta, am ajuns foarte aproape de rezultatul tău:
.pictures {
grid-auto-flow: column dense;
}
.pic12 {
/* Am setat pe fiecare imagine exact dimensiunile folosite de tine */
grid-area: span 2 / span 1;
}There was a problem hiding this comment.
Aceeași chestie și pe paginile cu destinații.
There was a problem hiding this comment.
La destinații nu știu de ce nu am reușit. Fiecare destinație arată diferit imaginile (nu rămân pe aceeași poziție). În codul modificat am păstrat prima variantă.
2 participants
No description provided.