CSS ಗ್ರಿಡ್ ಜನರೇಟರ್
ನಿಮ್ಮ ಕಾಲಂಗಳು ಮತ್ತು ರೋಗಳನ್ನು ಹೊಂದಿಸಿ, ಐಟಂಗಳನ್ನು ಇರಿಸಲು ಸೆಲ್ಗಳಾದ್ಯಂತ ಎಳೆಯಿರಿ ಮತ್ತು ಒಂದೇ ಕ್ಲಿಕ್ನಲ್ಲಿ ಹೊಂದಾಣಿಕೆಯಾಗುವ HTML ನೊಂದಿಗೆ ಗ್ರಿಡ್ CSS ಅನ್ನು ನಕಲಿಸಿ.
ನಿಮ್ಮ ಗ್ರಿಡ್ ಅನ್ನು ನೇರವಾಗಿ ನಿಮ್ಮ ಬ್ರೌಸರ್ನಲ್ಲೇ ನಿರ್ಮಿಸಲಾಗುತ್ತದೆ. ನೀವು ಇಲ್ಲಿ ಹೊಂದಿಸುವ ಯಾವುದೇ ಮಾಹಿತಿಯನ್ನು BroBroGo ಗೆ ಅಪ್ಲೋಡ್ ಮಾಡಲಾಗುವುದಿಲ್ಲ.
ಪದೇ ಪದೇ ಕೇಳಲಾಗುವ ಪ್ರಶ್ನೆಗಳು
ಗ್ರಿಡ್ನಲ್ಲಿ ಐಟಂಗಳನ್ನು ಇರಿಸುವುದು ಹೇಗೆ?
ಸೆಲ್ಗಳ ಮೇಲೆ ಒತ್ತಿ ಹಿಡಿದು ಎಳೆಯುವ ಮೂಲಕ ಆಯತಾಕಾರದ ಆಕಾರವನ್ನು ಗುರುತಿಸಿ — ನೀವು ಕೈಬಿಟ್ಟಾಗ ಅದು ಆ ಕಾಲಂಗಳು ಮತ್ತು ರೋಗಳನ್ನು ಆವರಿಸುವ ಚೈಲ್ಡ್ ಎಲಿಮೆಂಟ್ ಆಗಿ ಬದಲಾಗುತ್ತದೆ. ನೀವು ರಚಿಸುವ ಪ್ರತಿ ಐಟಂ CSS ನಲ್ಲಿ ತನ್ನದೇ ಆದ grid-column ಮತ್ತು grid-row ನಿಯಮವನ್ನು ಹಾಗೂ HTML ನಲ್ಲಿ ಹೊಂದಾಣಿಕೆಯಾಗುವ div ಅನ್ನು ಪಡೆಯುತ್ತದೆ. ಐಟಂಗಳು ಒಂದರ ಮೇಲೊಂದು ಬರಬಹುದು, ಮತ್ತು ನಂತರ ರಚಿಸಿದ ಐಟಂ ಮೇಲ್ಭಾಗದಲ್ಲಿರುತ್ತದೆ; ಐಟಂ ಅನ್ನು ತೆಗೆದುಹಾಕಲು ಅದರ ಮೇಲಿರುವ × ಗುರುತನ್ನು ಬಳಸಿ.
ಕಾಲಂಗಳು ಮತ್ತು ರೋಗಳು ವಿಭಿನ್ನ ಗಾತ್ರಗಳನ್ನು ಹೊಂದಿರಬಹುದೇ?
ಹೌದು. ಪ್ರತಿ ಟ್ರ್ಯಾಕ್ ತನ್ನದೇ ಆದ ಗಾತ್ರದ ಬಾಕ್ಸ್ ಅನ್ನು ಹೊಂದಿರುತ್ತದೆ ಮತ್ತು ನೀವು ಅಲ್ಲಿ ಯಾವುದೇ ಗ್ರಿಡ್ ಮೌಲ್ಯವನ್ನು ಟೈಪ್ ಮಾಡಬಹುದು — 1fr, 200px, auto, min-content ಅಥವಾ minmax(120px, 1fr). ಒಂದೇ ಗಾತ್ರವನ್ನು ಹಂಚಿಕೊಳ್ಳುವ ಟ್ರ್ಯಾಕ್ಗಳನ್ನು repeat() ನಲ್ಲಿ ಸಂಯೋಜಿಸಲಾಗುತ್ತದೆ ಇದರಿಂದ ಔಟ್ಪುಟ್ ಚಿಕ್ಕದಾಗಿರುತ್ತದೆ. ಕಾಲಂ ಗ್ಯಾಪ್ ಮತ್ತು ರೋ ಗ್ಯಾಪ್ ಅನ್ನು ಪ್ರತ್ಯೇಕವಾಗಿ ಹೊಂದಿಸಲಾಗುತ್ತದೆ ಮತ್ತು ಅವು ಹೊಂದಿಕೆಯಾದಾಗ ಒಂದೇ ಗ್ಯಾಪ್ ಆಗಿ ಕುಗ್ಗುತ್ತವೆ.
ರಚಿಸಲಾದ ಕೋಡ್ ಅನ್ನು ನಾನು ಏನು ಮಾಡಬೇಕು?
CSS ಮತ್ತು HTML ಕೋಡ್ಗಳನ್ನು ಪಕ್ಕಪಕ್ಕದಲ್ಲೇ ನಕಲಿಸಿ. HTML ನಿಮಗೆ ಪ್ರತಿ ಐಟಂಗೆ ಒಂದೊಂದು div ಇರುವ ಕಂಟೇನರ್ ಅನ್ನು ನೀಡುತ್ತದೆ, ಮತ್ತು CSS ಗ್ರಿಡ್ ಅನ್ನು ವ್ಯಾಖ್ಯಾನಿಸುತ್ತದೆ ಹಾಗೂ ಪ್ರತಿ ಐಟಂ ಅನ್ನು ಇರಿಸುತ್ತದೆ. ಎರಡನ್ನೂ ನಿಮ್ಮ ಪ್ರಾಜೆಕ್ಟ್ಗೆ ಪೇಸ್ಟ್ ಮಾಡಿ ಮತ್ತು ನೀವು ಇಲ್ಲಿ ರಚಿಸಿದ ಲೇಔಟ್ ಅನ್ನೇ ಪಡೆಯಿರಿ.