Skip to content
Snippets Groups Projects
ResultEnd.css 826 B
Newer Older
  • Learn to ignore specific revisions
  • 준현 강's avatar
    준현 강 committed
    .title-box {
      text-align: center;
    
    준현 강's avatar
    준현 강 committed
      width: 50%;
    
    준현 강's avatar
    준현 강 committed
    }
    
    .form-container {
      margin-bottom: 20px;
      padding: 0;
    
      width: 100%;
    
    준현 강's avatar
    준현 강 committed
    .form-container label {
      display: flex;
    
      align-items: center;
      margin: 20px 0;
    
    준현 강's avatar
    준현 강 committed
    }
    .form-container input[type="radio"] {
    
    준현 강's avatar
    준현 강 committed
      width: 20%;
    }
    
      border: 1px solid;
    
      padding: 10px;
    }
    
    준현 강's avatar
    준현 강 committed
    
    
    .possible {
      position: fixed;
    
      right: 0;
      top: 60%;
      transform: translateY(-50%);
    
    준현 강's avatar
    준현 강 committed
      width: 20%;
    
    준현 강's avatar
    준현 강 committed
      border: 1px solid black;
    
      padding: 20px;
    
    준현 강's avatar
    준현 강 committed
    
    
    .row {
      display: flex;
      justify-content: center;
    
    
    .closedFalse {
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    
    @media screen and (max-width: 768px) {
      .possible {
        position: static;
        width: 40%;
        margin: 200px 20px;
      }
    
      .flex-row {
        flex-direction: column;
        width: 100%;
      }
    }