კურსის დასრულების შემდეგ შეძლებთ HTML CSS-ით ააწყოთ კომპლექსური ვებ გვერდები.
როგორ გამოვთვალოთ 1fr შემდეგი ტიპის გრიდ კონტეინერში
.grid-container {
grid-template-columns: 1fr 1fr 2fr;
}
/*
1fr + 1fr + 2fr = 4fr
1fr = 1/4*100 = 25% (1fr-ის %-ის გამოთვლა)
2fr = 2/4*100 = 50% (2fr-ის %-ის გამოთვლა)
*/
repeat()-ის გამოყენების წესი:
.grid-container {
grid-template-columns: repeat(5, 1fr); /* 1fr გამეორდება 5-ჯერ */
grid-template-columns: 1fr 1fr 1fr 1fr 1fr; /* იგივეა რაც repeat(5, 1fr) */
}
minmax()-ის გამოყენების წესი:
.grid-container {
grid-template-columns: minmax(0, 1fr); /* 0 წარმოადგენს მინიმალურ მნიშვნელობას, 1fr მაქსიმალურ მნიშნველობას */
}
კომენტარები 0