JSFiddle - React, Tailwind, and code Playground

by yash009

HTML

<footer class="container-fluid">
        <div class="row">
            <div class="col-12 col-md-5 col-lg-4 d-flex justify-content-center align-items-end address-block">
                <p class="address-footer">
                    <em>Cyalk Cmunions Ltd</em><br>
                    Heate use<br>
                    Rans Lane<br>
                    Aybury<br>
                    Bus<br>
                    H9 8RT<br><br>

                    <span>Company registered number: 06416</span>
                </p>
            </div>
            <div class="col-12 col-md-2 col-lg-4 d-flex justify-content-center align-items-center flex-column logof-block">
                <div class="logo-footer">
                    <img src="~/img/logo-footer-rgb-group.png" alt="logo-footer">
                </div>
                <div class="social-footer">
                    <a href="#">
                        <img class="bloggerw-icon" src="~/img/blogger.png" alt="blogger icon">
                    </a>
                    <a href="https://www.facebook.com/cikcomms/">
                        <img class="facew-icon" src="~/img/facebook.png" alt="face icon">
                    </a>
                    <a href="#">
                        <img class="linkedinw-icon" src="~/img/linked-in.png" alt="linkedin icon">
                    </a>
                    <a href="#">
                        <img class="pinterestw-icon" src="~/img/pinterest.png" alt="pinterest icon">
                    </a>
                    <a href="https://twitter.com/CitkComms?lang=en">
                        <img class="twitterw-icon" src="~/img/twitter.png" alt="twitter icon">
                    </a>
                    <a href="#">
                        <img class="youtubew-icon" src="~/img/youtube.png" alt="youtube icon">
                    </a>
                    <a href="#">
                        <img class="instagram-icon" src="~/img/instagram.png" alt="instragram icon">
                   ...

CSS

@media (max-width: 768px) {

    .logo-footer {
        order: 1;
    }
    .address-block {
        order: 2;
    }
    .social-footer {
        order: 3;
    }
    .contactf-block {
        order: 4;
    }
}