Wonky circle

Joined
Jul 4, 2023
Messages
507
Reaction score
63
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
Wonky image crisis 0
Max width question 1
.active 8
Footer code wonky 2
Margin issue 3
Non matching code 4

Members online

Forum statistics

Threads
474,056
Messages
2,570,439
Members
47,101
Latest member
DoloresHol

Latest Threads

Top