diff --git a/HowToAddNewLanguage.md b/HowToAddNewLanguage.md
index f23e56cd..c1fb7c12 100644
--- a/HowToAddNewLanguage.md
+++ b/HowToAddNewLanguage.md
@@ -16,7 +16,7 @@ Then add a reference to the language in the navbar by adding a new language entr
For example, to add Polish, you would add:
```html
- Polski
+
```
The `data-bs-language-code` is the code used to reference the file in the next step.
diff --git a/src/main/resources/static/css/navbar.css b/src/main/resources/static/css/navbar.css
index ce8965b7..5933f4e4 100644
--- a/src/main/resources/static/css/navbar.css
+++ b/src/main/resources/static/css/navbar.css
@@ -83,6 +83,51 @@
vertical-align: middle;
}
+
+.scalable-languages-container {
+ display: grid;
+ grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); /* Auto-fill columns, with a minimum width of 180px */
+}
+
+.lang-dropdown-item-wrapper {
+ border-right: 2px solid var(--md-sys-color-inverse-surface);
+}
+
+/* Responsive adjustments */
+@media (min-width: 1200px){
+ .lang_dropdown-mw{
+ min-width: 800px
+ }
+}
+
+@media (max-width: 600px) {
+ .scalable-languages-container {
+ grid-template-columns: repeat(2, 1fr);
+ }
+
+ .scalable-languages-container .lang-dropdown-item-wrapper:nth-child(2n) {
+ border-right: 0px
+ }
+}
+
+@media (min-width: 601px) and (max-width: 900px) {
+ .scalable-languages-container {
+ grid-template-columns: repeat(3, 1fr);
+ }
+ .scalable-languages-container .lang-dropdown-item-wrapper:nth-child(3n) {
+ border-right: 0px
+}
+}
+@media (min-width: 901px) {
+ .scalable-languages-container {
+ grid-template-columns: repeat(4, 1fr);
+ }
+
+ .scalable-languages-container .lang-dropdown-item-wrapper:nth-child(4n) {
+ border-right: 0px
+ }
+}
+
.dropdown-item .icon-text {
text-wrap: wrap;
word-break: break-word;
diff --git a/src/main/resources/templates/fragments/languageEntry.html b/src/main/resources/templates/fragments/languageEntry.html
new file mode 100644
index 00000000..410b6a6c
--- /dev/null
+++ b/src/main/resources/templates/fragments/languageEntry.html
@@ -0,0 +1,7 @@
+
+
+
diff --git a/src/main/resources/templates/fragments/languages.html b/src/main/resources/templates/fragments/languages.html
index 2e1d9272..939e5ad6 100644
--- a/src/main/resources/templates/fragments/languages.html
+++ b/src/main/resources/templates/fragments/languages.html
@@ -1,42 +1,43 @@
- Български
- العربية
- Català
- 简体中文
- 繁體中文
- བོད་ཡིག
- Azərbaycan Dili
- Dansk
- Deutsch
- English (GB)
- English (US)
- Euskara
- Español
- Français
- Indonesia
- Irish
- Italiano
- Nederlands
- پارسی
- Polski
- Português (BR)
- Português (PT)
- Romanian
- Slovensky
- Slovenian
- Svenska
- Türkçe
- Русский
- 한국어
- 日本語
- Ελληνικά
- Hungarian
- हिन्दी
- Srpski
- Українська
- Česky
- Hrvatski
- Norsk
- ไทย
- Tiếng Việt
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/main/resources/templates/fragments/navbar.html b/src/main/resources/templates/fragments/navbar.html
index 403a8df3..09160ee2 100644
--- a/src/main/resources/templates/fragments/navbar.html
+++ b/src/main/resources/templates/fragments/navbar.html
@@ -143,7 +143,7 @@