How to put elements around a rounded image using tailwind css? #1980

diesanromero · 2020-06-28T02:14:23Z

diesanromero
Jun 28, 2020

I am using Tailwind CSS for my website. In the center I put an image on me. Then as a result I want to make the social media icons around the circle. Periodically I will add more over time. Any way to solve this?

`

    <script
        src="https://kit.fontawesome.com/1017c46716.js"
        crossorigin="anonymous"
    ></script>
    <link rel="stylesheet" href="build/main.css" />
    <title>Diesan Romero</title>
</head>
<body class="container box-border mx-auto bg-indigo-200">
    <main>
        <div class="h-screen flex justify-center self-center items-center">
            <div class="flex-col justify-center items-center">
                <img
                    class="w-56 cursor-pointer shadow-xl rounded-full"
                    src="./assets/images/yo.jpg"
                    alt="Diesan Romero avatar picture."
                />
                <div class="flex mt-8 justify-center rounded-full">
                    <a
                        href="#"
                        class="mr-3 ml-3 bg-white p-2 shadow-xl rounded-full"
                    >
                        <i
                            class="fab fa-facebook-f fa-lg text-blue-900"
                        ></i>
                    </a>
                    <a
                        href="#"
                        class="mr-3 ml-3 bg-white p-2 pl-3 shadow-xl rounded-full"
                    >
                        <i class="fab fa-twitter fa-lg"></i>
                    </a>
                    <a
                        href="#"
                        class="mr-3 ml-3 bg-white p-2 pl-3 shadow-xl rounded-full"
                    >
                        <i class="fab fa-instagram fa-lg"></i>
                    </a>
                </div>
            </div>
        </div>
    </main>
</body>

`

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

How to put elements around a rounded image using tailwind css? #1980

{{title}}

Replies: 0 comments

Select a reply

How to put elements around a rounded image using tailwind css? #1980

diesanromero Jun 28, 2020

Replies: 0 comments

diesanromero
Jun 28, 2020