Feedback

[Veronika-Rychla]

Ahoj Petro,

skvělá práce, web je responzivní. 🤞 Jen pár poznámek pro zpětnou vazbu:

• I když máš na stránce jen dva odkazy, i tak bych radila nestylovat přímo element a, ale vždy přes třídu. 😉 Navíc se tak vyhneš zbytečnému opakování. Můžeš třeba vytvořit třídu .button, kde zadáš jednotný styl pro obě tlačítka, pak třídu jen pro styly, ve kterých se liší (v tomto případě barva). Příklad:

`.button { padding: 11px 30px; font-size: 14px; font-weight: 400; line-height: 1; border-radius: 20px; color: white; text-decoration: none; }

.button-primary { background-color: #407bff; }

.button-secondary { background-color: #8b8b8b; }`

• Abys měla boxíky s ikonkou a textem na tabletu a desktopu hezčí, je třeba jim nastavit správný flex.

flex: 0 0 calc((100% - 40px) / 3); na tabletu máme tři boxy vedle sebe s mezeru 40px

Každopádně skvělá práce! Jak kód zefektivnit a vylepšit rozestupy mezi jednotlivými boxíky flexboxu se naučíš praxí. 🤗 ✅ SPLNĚNO ✅

[Petrasmej]

ahoj Verčo, děkuji za komentář. já právě s odsazením těch boxíků i odkazů bojovala. nevím proč, ale ten odstup mi nešel správně nastavit tak, jako to bylo v předloze, tedy aby boxíky překrývaly středovou linii a odkazy byly zleva. Nevíš, jak to udělat? přes nastavení flex basis mi to v rámci té sekce a překročení středové linie prostě nešlo.. a odkazy vlevo mi taky nešly.. moc děkuji