स्निपेट लाइब्रेरी

Python, Flask, JavaScript, SQL, HTML, CSS और Bash के लिए जाँचे हुए, कॉपी के लिए तैयार स्निपेट। किसी को भी प्लेग्राउंड में खोलें।

केवल इस ब्राउज़र में सहेजे स्निपेट दिखाएँ

2 स्निपेट

css

Cards wrap to as many columns as fit, with a sensible minimum width.

.grid {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr));
}

beginner #grid#layout#responsive

css

Keep the footer at the bottom of the window on short pages.

body {
  margin: 0;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;

beginner #layout#flexbox#footer

PandaDev