Ответ на первый вопрос зависит от конкретной ситуации и требований к дизайну веб-страницы. Абсолютное позиционирование может быть полезным в определенных случаях, например, когда нужно разместить элемент поверх других или при создании сложных макетов. Однако его следует использовать с осторожностью, так как может привести к проблемам с отзывчивостью и адаптивностью дизайна.
Что касается второго вопроса, для верстки блока на сайте с помощью CSS Grid вы можете использовать следующий подход:
1. Создайте контейнер для блока с помощью свойства `display: grid;`.
2. Определите количество и размеры столбцов и строк в контейнере с помощью свойств `grid-template-columns` и `grid-template-rows`.
3. Разместите элементы в нужные ячейки контейнера с помощью свойства `grid-column` и `grid-row`.
Пример кода:
```css
.container {
display: grid;
grid-template-columns: 1fr 1fr; /* 2 столбца шириной в 1fr каждый */
grid-template-rows: 100px 200px; /* 2 строки высотой 100px и 200px */
}
.block1 {
grid-column: 1 / 2; /* размещение блока в первом столбце */
grid-row: 1 / 2; /* размещение блока в первой строке */
}
.block2 {
grid-column: 2 / 3; /* размещение блока во втором столбце */
grid-row: 1 / 3; /* размещение блока в первой и второй строках */
}
```
Если у вас возникли сложности с CSS Grid, возможно вам стоит изучить более подробно его принципы работы, возможности и синтаксис. Многие онлайн-курсы и руководства могут помочь вам освоить этот метод верстки.