Андрей

<h1>Хьюстон</h1>
т.е. проблема </h1>

Отделите контейнер и грид
т.е.

<div class="main_container uk-container">
   <div class="uk-child-width-1-2 uk-child-width-1-3@s ..." uk-grid>
      ...

не нужно сбрасывать отрицательный margin

Почему бы не начать поиск с истоков? Собственный html-контент..

в вашем случае если добавить uk-grid-collapse то будет в строку на одном уровне

uk-card uk-card-default uk-child-width-1-2 uk-grid uk-grid-collapse

Скидываю пару примеров ответом на п.2, но думаю здесь одновременно решение и на п.1., на который не увидел код.
Вариант первый:

..
второй вложенный.
для понимания первую строку и суть брал с самого вопроса

..
Ширину блоков можно менять. там вопросов не должно быть

Решение в этом случае:

если через фильтр и к примеру синий цвет. то вот вариант

PS: угол подбираете самостоятельно!

Фильтр. Создание. Разметка...

а где код?
Предсказание:

<ul class="uk-navbar-nav" uk-scrollspy-nav="closest: li; scroll: true">
    <li><a href="#a">A</a></li>
    <li><a href="#b">B</a></li>
    <li><a href="#c">C</a></li>
</ul>

Заменить на

label:after {
    content: '';
    position: absolute;
    font-size: 25px;
    border-color: red;
    border-style: solid;
    border-width: 0 0.35em 0.35em 0;
    height: 1em;
    top: 2px;
    left: 12px;
    transform: rotate(45deg);
    width: 0.7em;  
}

border-radius: 5px; - закруглит углы. но на картинке они похоже на ровные. поэтому не указал

body {
    background-attachment: fixed;         /* фиксированый фон */
    background-repeat: no-repeat;         /* без повторений */
    background-position: 50% 50%;         /* позиционируем */
    background-size: cover;               /* масштабируем */
}

..экспериментируйте

Это не ошибки.
это в 2-х словах - кроссбраузерное решение. "нестандартные" решения...
чтоб далеко не ходить. а показать сторонний доверенный пример - открываем сайт bootstrap - и о чудо! там точно такие предупреждения.
PS: Можно открыть не min версию css и посмотреть. там расписаны уточнения что к чему

Привет. По коду видно, добавлен класс .drop-nav и стили к нему (для треугольничка).
Если тот пример, то для tooltip

.uk-tooltip::after {
    bottom: 100%;
    right: 4%;
    border: solid transparent;
    content: '';
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 6px;
    margin-left: -6px;
}

Треугольник можно сделать какой нужно. Установить необходимый цвет (здесь белый!), позицию..
Ещё на 2 версии можно подсмотреть, там они были по умолчанию - tooltip