중급모듈 [레이아웃 만들기 3 : 편리한 Flexbox]

4 글 보임 - 1 에서 4 까지 (총 4 중에서)

글쓴이

글

2024년 2월 14일 23:13 #113284

참가자

안녕하세요 선생님
HTML/CSS All-in-one :  중급모듈  수업중 
[레이아웃 만들기 3 : 편리한 Flexbox] 이 강의를 듣다가 숙제 도중 궁금한게 있어 질문드립니다.

선생님은 div를 하나 생성하고  flex-grow를 이용하여 간격을 벌리셨는데, 
div를 생성하지않고, flex-grow또한 이용하지않고, Logo는 왼쪽, products services는 오른쪽으로 배치하는 방법이 있을까요?
justify-content: right; 를 써도 안먹혀서요..

2024년 2월 15일 09:17 #113297

codingapple

키 마스터

로고에 width 크게 주고 왼쪽정렬하거나 그러면 될수도요

2024년 2월 15일 16:47 #113349

우재현

참가자

그런방법도 있군요.!
혹시 아래와 같이 가정한다하고..
 Logo의 div는 왼쪽으로 정렬
products services의 div는 오른쪽으로 정렬하는  CSS를 만들수 있을까요?



<HTML>
<div class="container">
    <div class="logo"> logo </div>
    <div class="products"> products services </div>
<div>

<CSS>
??

2024년 2월 16일 09:35 #113413

codingapple

키 마스터

그런건 그냥 float left랑 right 각각 주는게 편합니다

글쓴이

글

4 글 보임 - 1 에서 4 까지 (총 4 중에서)

답변은 로그인 후 가능합니다.

로그인

중급모듈 [레이아웃 만들기 3 : 편리한 Flexbox]

https://codingapple.com/wp-content/uploads/2019/06/logo2-3.png