search

KatPetraskova / zaverecny-projekt-pakanka

https://pakanka.netlify.app
0 stars 0 forks source link

Grid na tabletu #1

Open Amatthe opened 3 years ago

Amatthe commented 3 years ago

Ahoj, kouknul jsem na ten tabletový grid a myslím, že ti tam dělají neplechu obrázky, které mají grid-column nastavený na 3, takže si tam ten třetí sloupec prostě samy vyrobí. Máš tam: grid-column-start: 3; grid-column-end: 3; @(min-width: 1000px) grid-column-start: 3; grid-column-end: 3; Tady se úplně zbytečně přepisuje stejný pár vlastností, tak to prostě oprav na 640+ px a dvojky, a když už nic jinýho, někam se ten problém pohne. Taky grid-auto-flow: dense; by měl být na tý samotný mřížce, ne na elementu. Zkus si s tím pohrát, kdyby to nešlo, tak se na to ve středu mrknem společně.

KatPetraskova commented 3 years ago

Ahoj, děkuju moc, přesně tohle tam dělalo ty rozestupy. Tak jsem upravila ten grid-auto-flow + ty sloupce a funguje to. Mezitím jsem dodělala stránku s výrobkama a ta je taky už hotová + je tam stránka s kontakty s formulářem, ale s tím si ještě musím pohrát, aby to bylo responzivní a hezky vypadalo ve všech rozměrech a musím to napojit na nějakou tu službu formspark.io. Jinak už bych pak chtěla dodělávat jen nějaký vizuální drobnosti.. Jo a rozsekala jsem cssko do menších útvarů, aby každá stránka měla svůj css soubor.. pro přehlednost..

KatPetraskova commented 3 years ago

Tak formulář se hezky zarovnává v mobilní verzi a v tabletu a PC se to sice taky zarovnává, ale ne na ty řádky, co jsem tomu nastavila, tak bych chtěla poprosit, jestli se na to mrkneme ve středu?