Junior — Senior

Layout of a round close button with a cross

livecode

Task condition

It is necessary to create a round close button with a cross inside. The length of each line of the cross should be three quarters (75%) of the button's width, and their thickness should be 2 px. When resizing the button (width and height), the lines should automatically maintain this proportion. The colors of the elements are chosen arbitrarily.


 <!DOCTYPE html>
<html>
<head>
    <title>JavaScript Sandbox</title>
    <meta charset="UTF-8" />
</head>

<body>
    <img
    src=""
    alt="" />
    </div>
    <script src="/index.js" type="module"></script>
    </body>
</html>

Previous Next