Как переместить конкретный элемент ссылки вправо от заголовка?

Разработка
,
1

Отличная работа, TC! У меня один быстрый вопрос по перемещению секции .links вправо с помощью CSS. Я пытался переместить одну ссылку из .nav .nav-pills вправо, но у меня не получается. Я могу перемещать весь блок .contents с помощью justify-content: right, но это не работает для секции .links, и я не могу разобраться во взаимодействии между Flexbox и нефлексбoks-частями заголовка.

У меня в разделе «Иконки» ничего нет, но я пробовал настроить иконку, чтобы понять, почему они находятся справа, однако это всё ещё ускользает от меня.

Есть ли у кого-нибудь простой фрагмент CSS, который переместит ссылки вправо?

2

Привет, Маркус,
Если я правильно понимаю, этот SCSS должен сделать то, что ты хочешь:

.b-header nav.links {
    .nav-pills, & {
        display: flex;
        flex: 1;
        li:last-child {
            margin-left: auto;
        }
    }
}

image
image1362×126 9.61 KB

3

Работает отлично, спасибо @Canapin!
Я пробовал padding-left: auto для соответствующего элемента, но не margin-left: auto! Мой уровень владения CSS не так уж высок.