style.css

#component-0{
  max-width: 100%;
  margin: 0 auto;
}

#description, h1 {
  text-align: center;
}

#duplicate-button {
  margin: auto;
  color: #fff;
  background: #1565c0;
  border-radius: 100vh;
}

 #component-3 {
    width: 100%;
    height: 100%; /* Adjust height as needed */
    display: flex;
  }

  #component-4 {
    flex-grow: 1; /* Allows component-4 to expand to fill remaining space */
    min-width: min(512px, 100%);
    /* Add any other necessary styles */
  }

  #component-6 {
    height: 100%; /* Ensure component-6 fills the height of its parent */
    width: min(512px, 100%); /* Ensure component-6 fills the width of its parent */
    min-width: min(512px, 100%);
    border-style: solid;
    overflow: hidden;
    border-width: var(--block-border-width); /* Ensure border width adjusts dynamically */
    /* Add any other necessary styles */
  }