포트폴리오 실습2 질문

[원지희]

포트폴리오 실습2에서 반응형웹사이트 만들기 sns프로필 제작시

1. 사진이랑 이름/ 내프로필설명 이게 pc모드에서는 가로정렬 모바일모드에서는 세로정렬인데
세로정렬일때 어떻게 둘사이(사진이랑 이름/ 내프로필설명)에 간격이 생기게 만들수 있나요?
패딩같은 것을 주면 세로모드에서는 간격이 생기지만 가로모드에서 두 col태그들이 상하배치가 안맞아요
 

2. 그리고 <박스 테두리를 왼쪽만 주고 싶으면 CSS로 border-left : 1px solid black 이런거 넣으면 됩니다.> 해서 넣었는데
세로모드로 바뀌면 왼쪽 테두리가 남아있어서 가로, 세로 변경시 테두리나, 간격등이 어떻게 상황에 맞게 적용되게 할 수있는지 궁굼합니다

• 이 게시글은 원지희에 의해 3 주, 1 일 전에 수정됐습니다.
• 이 게시글은 원지희에 의해 3 주, 1 일 전에 수정됐습니다.

[codingapple]

1. 클래스하나 추가해서 모바일사이즈에선 마진이나 패딩을 줘봅시다 
2. 이것도 그냥 미디어쿼리로 모바일사이즈에선 테두리 없애라고 하면 됩니다

[글쓴이]

글