Product Hunt: kompaktowa lista wpisów
Zmniejsza odstępy i miniatury w liście premier, dzięki czemu na ekranie mieści się więcej produktów.
Kod do skopiowania
/* Compact post-list density so more launches fit on screen */
[data-test^="post-item"] {
padding-top: 6px !important;
padding-bottom: 6px !important;
}
[data-test^="post-item"] + [data-test^="post-item"] {
margin-top: 2px !important;
}
[data-test^="post-item"] img[class*="thumbnail"],
[data-test^="post-item"] [class*="thumbnail"] img {
width: 40px !important;
height: 40px !important;
}Jak użyć tego przykładu
- Skopiuj kod przyciskiem powyżej.
- Zainstaluj JustZix (2 minuty) i otwórz wtyczkę na docelowej stronie.
- Dodaj nową regułę dopasowaną do tej strony.
- Wklej kod w panelu CSS reguły i zapisz — efekt pojawi się od razu.
Oceń ten przykład
Brak ocen — oceń jako pierwszy.