Skip to content

Conversation

@bie24
Copy link

@bie24 bie24 commented Jul 25, 2022

No description provided.

<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>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

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.

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

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;
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

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

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Aceeași chestie și pe paginile cu destinații.

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants