Update README.md
Browse files
README.md
CHANGED
|
@@ -16,6 +16,25 @@ library_name: transformers
|
|
| 16 |
/* ELECTRA THEME */
|
| 17 |
|
| 18 |
/* Base styles */
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 19 |
* {
|
| 20 |
margin: 0;
|
| 21 |
padding: 0;
|
|
@@ -668,8 +687,8 @@ library_name: transformers
|
|
| 668 |
|
| 669 |
/* Container & Layout */
|
| 670 |
.container {
|
| 671 |
-
|
| 672 |
-
|
| 673 |
margin: 10px auto;
|
| 674 |
padding: 20px;
|
| 675 |
position: relative;
|
|
|
|
| 16 |
/* ELECTRA THEME */
|
| 17 |
|
| 18 |
/* Base styles */
|
| 19 |
+
/* DEBUG STYLES FOR SMALL SCREENS - Added temporarily to diagnose responsive issues */
|
| 20 |
+
@media (max-width: 480px) {
|
| 21 |
+
.debug-overflow {
|
| 22 |
+
border: 2px solid red !important;
|
| 23 |
+
}
|
| 24 |
+
}
|
| 25 |
+
|
| 26 |
+
/* Fix for vertical text in composition list on mobile */
|
| 27 |
+
@media (max-width: 480px) {
|
| 28 |
+
.composition-list li {
|
| 29 |
+
grid-template-columns: 1fr; /* Change to single column on mobile */
|
| 30 |
+
}
|
| 31 |
+
|
| 32 |
+
.model-component a {
|
| 33 |
+
display: inline; /* Change from block to inline */
|
| 34 |
+
word-break: break-word; /* Better word breaking behavior */
|
| 35 |
+
}
|
| 36 |
+
}
|
| 37 |
+
|
| 38 |
* {
|
| 39 |
margin: 0;
|
| 40 |
padding: 0;
|
|
|
|
| 687 |
|
| 688 |
/* Container & Layout */
|
| 689 |
.container {
|
| 690 |
+
width: 95%;
|
| 691 |
+
max-width: 1200px;
|
| 692 |
margin: 10px auto;
|
| 693 |
padding: 20px;
|
| 694 |
position: relative;
|