Wonky circle

Joined
Jul 4, 2023
Messages
356
Reaction score
41
This is your circle ...
HTML:
<div class="panel">
  <div class="write-up">
  </div>
</div>
CSS:
.panel {
    display: block;
    padding: 1rem;
    max-width: 1fr;
    margin: auto;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 2vw; /* your circle  */
    box-shadow: 0px 5px 10px #cf77f3, 0px 5px 10px #009bff, 0px 5px 10px #2ac9db;
    border: 1px solid silver;
}
This div element with class name "panel" because it is empty, without text.
It location in your code, the middle
<div class="container">

1708300167686.png
 
Last edited:

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

Same code displayed differently 1
Hamburger crisis 3
Max width question 1
.active 8
Footer code wonky 2
Margin issue 3
Non matching code 4
Text shadow help 2

Members online

No members online now.

Forum statistics

Threads
473,755
Messages
2,569,534
Members
45,008
Latest member
Rahul737

Latest Threads

Top