fix(style.css): wrong placing of border radius range element

Author: Dun-sin

src/style.css

@@ -593,7 +593,6 @@ input[type='number']::-webkit-outer-spin-button {
   height: 40px;
   width: 150px;
   border-radius: 5px;
-  display: flex;
   align-items: center;
   justify-content: center;
   background-color: var(--primary-color);
@@ -851,42 +850,42 @@ input[type='number']::-webkit-outer-spin-button {
 }
 
 .border-radius-preview-box .preview {
-  width: 100%;
-  height: 100%;
+  width: inherit;
+  height: inherit;
   background: var(--primary-color);
 }
 
-.border-range-inputs input {
+.border-radius-inputs {
   width: 100%;
 }
 
 #border-radius-code {
-  padding: 1rem;
+  /* padding: 1rem; */
   background: var(--primary-color);
   margin-top: 2rem;
 }
 
-.border-range-inputs input:nth-child(1) {
+#border-radius-top {
   position: absolute;
   top: -2rem;
   left: 0;
 }
 
-.border-range-inputs input:nth-child(2) {
+#border-radius-left {
   position: absolute;
   transform: rotate(90deg);
   top: 7rem;
   left: -9rem;
 }
 
-.border-range-inputs input:nth-child(3) {
+#border-radius-right {
   position: absolute;
   transform: rotate(90deg);
   top: 7rem;
   left: 9rem;
 }
 
-.border-range-inputs input:nth-child(4) {
+#border-radius-bottom {
   position: absolute;
   bottom: -2rem;
   left: 0;