There is a problem in the services section that all services do not appear

Question

There is a problem in the services section that all services do not appear in the phone version

https://code.sololearn.com/WPJRpQ7oB5oP/?ref=app

Answer 1

.container {
justify-content: space-between;
}

change it, and play a little with the margins to be nicer

Answer 2

use this

.container{
display: flex;
justify-content: left;
align-items: center;
overflow-x: scroll;
flex-wrap: nowrap;
}
.cards{
display: column;
width: 100%;
margin-left: 25px;
margin-right: 50px;
}

Answer 3

line 30:
<div class="cards hidden">

Answer 4

Mihaly Nyilas
but the .hidden class was commented out in the css, so it's not actually doing anything.

Answer 5

Mihaly Nyilas space between is nice. better than using margin to control the gaps.

Answer 6

you still didn't make it as I see. I have tried it, and works at me

Answer 7

Mihaly Nyilas
maybe the OP Mostafa Algohary has not seen the replies yet...