ነጻ መለወጫ

የሲኤስኤስ ፍርግርግ አቀማመጥ ጄኔሬተር

የCSS ግሪድ አቀማመጦችን ከቀጥታ ቅድመ እይታ ጋር በእይታ አመንጭ። ፍርግርግ-አብነት-አምዶችን፣ ረድፎችን፣ ክፍተትን፣ አጽድቅ-ንጥሎችን፣ አሰላለፍ-ንጥሎችን እና ሌሎችንም ያስተካክሉ - ነፃ እና ደንበኛ-ጎን።

የቀጥታ ቅድመ እይታ
1
2
3
4
5
6
አምዶች (repeat(3, 1fr))
ረድፎች (repeat(2, 1fr))
አምድ-ክፍተት (12px)
0px16px32px
የረድፍ-ክፍተት (12px)
0px16px32px
ማጽደቅ-ንጥሎች
አሰላለፍ-ንጥሎች
የሲኤስኤስ ውፅዓት
.container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  column-gap: 12px;
  row-gap: 12px;
  justify-items: stretch;
  align-items: stretch;
}

.item {
  padding: 1rem;
  border-radius: 8px;
  font-weight: 600;
  font-size: 0.9rem;
  text-align: center;
  min-height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

ስላዚህ መሳሪያ

በቀጥታ በአሳሽዎ ውስጥ ይዘትን በCss Grid Generator ይፍጠሩ እና ያብጁ። ምርጫዎችዎን ያዋቅሩ፣ ውጤቱን ይፍጠሩ እና ውጤቱን ያውርዱ ወይም ይቅዱ። ሁሉም ነገር ከደንበኛ-ጎን ነው የሚሰራው - የእርስዎ ውሂብ ሚስጥራዊ ሆኖ ይቆያል እና ማቀናበሩ ፈጣን ነው።

እንዴት ይጠቀሙ

  1. ከፍላጎቶችዎ ጋር የሚዛመዱ ቅንብሮችን እና አማራጮችን ያዋቅሩ።
  2. ውፅዓትዎን ለመፍጠር አመንጪን ጠቅ ያድርጉ።
  3. ውጤቱን አስቀድመው ይመልከቱ እና አስፈላጊ ከሆነ ማስተካከያ ያድርጉ.
  4. የውጤት ፋይሉን ያውርዱ ወይም ወደ ቅንጥብ ሰሌዳዎ ይቅዱት።

በተደጋጋሚ የሚጠየቁ ጥያቄዎች

የተፈጠረውን ውጤት ማበጀት እችላለሁ?
አዎ። መሣሪያው ውጤቱን ለእርስዎ ልዩ ፍላጎቶች ለማስማማት የተለያዩ የማበጀት አማራጮችን ይሰጣል። ከማፍለቅዎ በፊት ቅንብሮችን ያስተካክሉ፣ ወይም በተለያዩ አማራጮች ያድሱ።
የመነጨው ይዘት ለመጠቀም ነፃ ነው?
አዎ። በዚህ መሣሪያ የሚያመነጩት ማንኛውም ነገር ያለ ምንም ገደብ ወይም የእውቅና መስፈርቶች ለግል፣ ትምህርታዊ ወይም ለንግድ ዓላማ ለመጠቀም የእርስዎ ነው።
ይሄ መለያ ያስፈልገዋል?
አይ. መሳሪያው ያለ ምንም ምዝገባ፣ ኢሜል እና ምዝገባ ሳይኖር ወዲያውኑ ለመጠቀም ዝግጁ ነው። ልክ ገጹን ይክፈቱ እና ማመንጨት ይጀምሩ።
የእኔ ግቤት ውሂብ ሚስጥራዊ ነው?
አዎ። ሁሉም ሂደት በአሳሽዎ ውስጥ ይከሰታል። የእርስዎ የግቤት ውሂብ እና የመነጨ ውፅዓት ወደ ማንኛውም ውጫዊ አገልጋይ በጭራሽ አይላኩም።