html – change flex order in div?

I’m trying to make a flex call, where the picture goes first. However, the code below will only change the order when there is a flex direction line (pictured left). It will not work on the queue.

</head> 
<body>
    <div class="flex-row">
        
        <div class="order-2">
            <h1>Flying Kites</h1>
            <h2>Subheader</h2>
        </div>
      <img class="order-1" src="/examples/images/kites.jpg" alt="Flying Kites">
    </div>
</body>
</html>

Write a Comment

Your email address will not be published. Required fields are marked *