[Решено] Не могу отцентровать картинку в div'e

Локер из Рорикстеда · 27 июл 2019

Здравствуйте, не могу выполнить такую, вроде бы простейшую задачу.
Вот код:
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<title>uuu</title>
<meta charset="utf-8">
<link rel="stylesheet" href="C:\Users\Admin\Desktop\html\uuc.css">
</head>
<body>
<div class="cbox">
<div class="fc"><img class="im" src="https://nativemarket.ru/image/catalog/1315/999344242005200310.jpg" width="85%" height="85%" alt="alternative"></div>
<div class="fc"></div>
<div class="fc"></div>
<div class="fc"></div>
</div>
</body>
</html>

body
{
}
.cbox
{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-evenly;
align-items: center;
align-content: space-evenly;
background: red;
height: 500px;
width: 500px;
}
.fc
{
width: 48%;
height: 48%;
background: #fff;
border-radius: 15px;
padding: 0;
border: 1px solid black;
margin: 0;
}
.im
{
}

Please help me.

iga · 27 июл 2019

Я бы сделал так
Код:
.fc {
    width: 48%;
    height: 48%;
    background: #fff;
    border-radius: 15px;
    padding: 0;
    border: 1px solid black;
    display: flex;
    align-items: center;
}
Но не уверен, что преподаватели одобрят на этом этапе!

Локер из Рорикстеда · 28 июл 2019

Спасибо большое, помогло!

[Решено] Не могу отцентровать картинку в div'e

Локер из Рорикстеда

iga

Локер из Рорикстеда