. <> body { background: #2b3e50; font-family: 'Tahoma''Verdana''Segoe',sans-serif } .container { max-width: 900px; } .builder-link-list-item .homepage { border: 1px solid #ccc; display: block; color: #000; padding: 10px; margin-bottom: 5px; font-weight: bolder; } .answer-letters .letter_box { padding: 10px; color: white; display: inline-flex; border: 0px solid; background: #6aaa64; justify-content: center; align-items: center; font-size: 2rem; line-height: 2rem; font-weight: bold; vertical-align: middle; box-sizing: border-box; text-transform: uppercase; user-select: none; } .answer-letters .letter_box[hiddenstate=true] { background: whitesmoke !important; } .letters { text-align: center; margin-top: 15px; } .fr-fic { display: inline-block; float: left !important; margin: 7px; } .tips { color: #856404; background-color: #fff3cd; border-color: #ffeeba; position: relative; padding: .75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .25rem; } .builder-link-list .builder-link-list-item a { border: 1px solid #ededed; display: flex; width: 100%; color: #000; padding: 10px; margin-bottom: 7px; margin-top: 0px; border-radius: 0px; } .back { display: block; background: #2e3e50; color: #0c5460; border: 1px solid #0c5460; border-radius: 5px; font-weight: bold; padding: 10px; font-size: 20px; text-align: center; margin-bottom: 20px; margin-top: 20px; } .back a { color: white; } } .builder-link-list.dtc { display: flex; flex-wrap: wrap; /* Allows items to wrap into multiple lines */ justify-content: center; /* Center the items */ gap: 12px; /* Space between items */ } /* Default column setup (8 columns) */ .builder-link-list-item.dtc { flex: 1 1 calc(12.5% - 12px); /* Each item takes up 12.5% of the width minus gap */ box-sizing: border-box; margin-bottom: 7px; } .builder-link-list-item.dtc a { display: inline-block; justify-content: center; align-items: center; border: 1px solid #ccc; padding: 10px; text-align: center; height: 100%; /* Ensure the link takes the full height of the item */ color: #000; } /* Media query for 6 columns */ @media (max-width: 1200px) { .builder-link-list-item.dtc { flex: 1 1 calc(16.666% - 12px); /* 6 columns */ } } /* Media query for 4 columns */ @media (max-width: 992px) { .builder-link-list-item.dtc { flex: 1 1 calc(25% - 12px); /* 4 columns */ } } /* Media query for 2 columns */ @media (max-width: 768px) { .builder-link-list-item.dtc { flex: 1 1 calc(50% - 12px); /* 2 columns */ } } /* Media query for 1 column */ @media (max-width: 480px) { .builder-link-list-item.dtc { flex: 1 1 100%; /* 1 column */ } } ul.builder-link-list span { display: inline-block; padding: 3px; width: 25px; height: 25px; border: 1px solid #ffffff; text-align: center; margin-bottom: 5px; font-weight: bolder; background: #6aaa64; color: #fff; } .breadcrumb { padding: .75rem 1rem; margin-bottom: 1rem; list-: none; background-color: #ffffff; border-radius: .25rem; } .dtclist { display: flex; width: 100%; font-size: 20px; color: #000; padding: 0px; margin-bottom: 7px; margin-top: 25px; border-radius: 0px; } .dtcother a { display: block; background: #2b3e50; border: 0px solid; !important width: 100%; font-size: 18px; padding: 3px; margin-bottom: 10px; margin-top: 0px; border-radius: 0px; } .accordion-header { border-bottom: 1px solid; } .accordion-content { margin-bottom: 5px; } } <> .result { border-bottom: 1px solid #ccc; } .result:hover { background: #f9f9f9; } #crosswordSearchResults > div > a > img { position: relative; display: inline-block; vertical-align: middle; width: 46px; margin-top: -30px; margin-left: 15px; } .inner-search-content .result h1 { display: inline-block; font-size: 18px; } .result:last-child { border-bottom: none; }