Как сделать два столбца? ⇐ CSS

[Anonymous]

Нажмите здесь, чтобы увидеть, как это выглядит прямо сейчас !!! Пришлось скрыть мое имя и лицо для имен конфиденциальности на картинке и цензуре, мое имя в HTML) 1. Так что мне было интересно Как я мог поместить текст и изображение в два отдельных столбца рядом?
2. Заголовок и главная часть. Извините, если это кажется смешным.
html ( не все, просто важная часть ):

My Portfolio

• Home
• Education
• About Me
• Contact

< /code>



Hi!

My name is insert my name here and I am a first year computer science student.



< /code>

css: < /strong> < /p>
body{margin-left: 10%;
margin-right: 10%;
margin-top: 2em;
}

header{
font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
}

h4{
padding: 20px;
}

.wrapper{
background-color: #a989d6;
display: flex;
align-items: center;
justify-content: space-between;
}

nav ul{
list-style-type: none;
}

nav a{
text-decoration: none;
padding: 20px;
}

nav li{
display: inline;
}

.intro{
text-align: center;
align-items: center;
}

main{
background-color: #dfcff6;
}

footer{
background-color: #a989d6;
text-align: center;
padding: 20px;
font-style: italic;
}


Подробнее здесь: https://stackoverflow.com/questions/695 ... wo-columns