Советы по позиционированию дисплея:flex ⇐ CSS

[Anonymous]

Я пытаюсь привести свою программу в соответствие с результирующим изображением другой программы. хотя при использовании «display:flex» я не нашел, как переместить прямоугольник/квадрат на одну сторону страницы (в частности, на левую), вдоль оси Y и по диагонали, не регулируя поля или границу! Кажется, я знаю необходимые для этого элементы или операторы кодирования, но думаю, что в моем коде что-то не так. Я был бы очень признателен за помощь в решении этой проблемы от какой-нибудь праведной и доброй души!
На моих изображениях изображено то, где зеленая полоса находится поверх квадрата, а красная рамка слева... тот, который не является компактным, каждый объект имеет свое пространство и имеет очень мало серого цвета из коробки.
Я был бы очень признателен за помощь в решении это от какой-то праведной и доброй души!

Подробнее здесь: https://stackoverflow.com/questions/785 ... isplayflex