코코아클론 7/12 코드챌린지 질문

그 가운데 십자 간격... 어떻게 넣는 거죠?

그 화면크기를 줄여서 wrap하는 방법 말고 4컷 모양으로 만들 수 있나요??ㅠㅠ

아래꺼가 제가 만든 건데... 어떤 코드를 넣어야 할지 모르겠어서 질문합니다!!!

+ 그리고 박스들 저렇게 정렬하려고 display:flex; 넣은 div에 justify-content:center;를 하고 나니까 tomato, teal 이런 텍스트 들을 text-align:left;해도 가운데에서 움직이지 않더라구요. 그래서 그냥 저 텍스트 박스 부모 태그에 flex해서 justify-content:flex-start;하고 padding-left해서 간격 조절했는데 맞는 방법일까요? 노베이스 생초보라 긴가민가하면서 하고 있어서... 그리고 커뮤니티에 질문 처음 써서 혹시 여기다 질문하는 거 아니라면 알려주세요ㅠㅠ