Exercițiu de interviu: Steagul României în CSS

[@smoke12785]

Foarte tare abordarea cu gradient. Cu cat urmaresc mai mult content de CSS, cu atat realizez ca mai am de studiat pe partea aceasta de gradiente si animatii si efecte speciale. Eu m-am gandit la pseudo elemente, doar ca elementul referinta sa aiba pozitia relativa si culoarea galbena si pseudo elementele cu content string empty pentru a putea exista, pozitia absoluta. Astfel merge cu left si cu transform sa fie asezat exact la final elementul rosu, iar cel albastru fara positioning va sta la inceput. Amandoua pseudo elemente ar avea 100% inaltimea parintelui, si latimea o treime din 100%, iar elementul galben o latime dictata de o variabila, si aspect ratio de 3/2 pentru respectarea dimensiunilor unui steag.

[@TheCârtiță]

1:33 oo pe moment nu m-am gandit la asta :)))

[@TheCârtiță]

Inatai comentez apoi vad ce zice *{ margin:0; padding:0; box-sizing:border-box; } 3 sectiuni { display: inline; height: 100vh; width: 33.3vw; } una{ background-color: blue;} doua{ background-color: yellow;} trei{ background-color: red;} pentru alte smecherii imi scrieti

[@TheCârtiță]

Ai castigat un abonat

[@vsnyk]

Div galben, ::before albastru, ::after roșu.

[@bogdandiaconu9621]

Eu cred ca sunt intern ca as fi facut cu display flex pe container, flex 1 pe copii :))

[@scoalaweb]

Este o soluție similară celei cu grid, pe care am prezentat-o eu. Sper că te-au ajutat celelalte rezolvări.

[@heron919]

De ce sa ma chinui cu un cod de 30 de randuri cand il pot face in maxim 6. Nu cred ca ramane nimeni impresionat de cat stii. Mai mult conteaza sa fie corect in cat mai putine linii

[@scoalaweb]

E adevărat că nu e important cât știi. E mai important cum abordezi task-urile pe care le primești. Cum am încercat să spun și în video: Poți veni cu o soluție simplă, rapidă și care merge și de cele mai multe ori poate asta e suficient. Dar poți și să petreci mai mult timp la început pentru a veni cu o soluție pe care apoi să o poți extinde ușor la alte taskuri asemănătoare. Ambele abordări sunt valide, în diferite situații.