Иван Пономарёв

легко
если с этим справляется даже моя gt710 ))

Можно просто уменьшать длину массива:

const arr = [10, 20, 30, 40, 50];

// удалить 2 последних
arr.length = arr.length - 2;

// осталось [ 10, 20, 30 ]

onlyExternal: true

При создании нового поставить галочку Artboards

loclahost:10000

Попробуйте localhost:10000
Или ваш_ip:10000.
Не забудьте уточнить протокол (http или https).

if (pass = "Ivan")
замените на
if (pass === "Ivan")

https://codepen.io/Mr2P/pen/Fguqo
https://codepen.io/davidturner/pen/FybaC

Еще как действует ))
Видимо вы только учитесь верстать, ошибок и вообще ненужного куча
<div class="form>">
тут лишний тег,
потом, если хотите оставить ваш слоган внутри формы, все что должно быть справа оберните еще одним дивом, и этому диву задайте float:left,
либо, как сказали выше, вывести класс slogan из формы , в классе .form можно оставить, убрать у этого класса width:45% и добавить float:left

float для класса .slogan можно не задавать.
Но вообще надо учиться просто, посмотрите, как верстаются такие формы, их миллион.
Для себя попробуйте следующее.
Прежде чем писать стили, нарисуйте на листке все элементы, в виде блоков, сетки и тд и тп, как вы себе представляете и как оно должно быть. Тогда будет сразу легче, особенно если вы знаете собственно действуют те или иные css-свойства.
И сразу же думайте, как это будет выглядить при других разрешениях.

Через transform. Вот пример

.element {
     transform: rotate(90deg)
}