FrontEnd.ro logo

DEMO

Content shifting

Imaginea nu are specificate atributele width și height, deci întreg conținutul se mută atunci când imaginea s-a încărcat complet.

Turnul Eiffel

Eiffel tower during night

Cel mai popular obiectiv turistic din Paris, capitala Franței.


<section>
  <h2> Turnul Eiffel</h2>
  <div style="display: flex">
    <img 
      src="/api/demo/slow-image" 
      style="margin-right: 1em; max-height: 250px" 
      alt="Eiffel tower during night" />
    <p>
      Cel mai popular obiectiv turistic din Paris, capitala Franței.
    </p>
  </div>
</section>

Am simulat o conexiune înceată prin întârzierea artificială a răspunsului de la server.

E vreo problemă cu acest demo? Corectează-l pe GitHub