


Material Design을 이용한 웹사이트를 제작하고 있습니다.
인터넷 자료 검색이나 GPT 등으로는 해답이 나오지 않아 이 곳에 질문을 남깁니다.
1. Card 컴포넌트의 코드를 종류별로 class로 만들어 복잡성을 줄이려고 하는데, 위 이미지와 같이 카드가 아니라 일반 텍스트와 버튼이 나옵니다.
(원래 의도했던 것)
2. 모바일 환경에서 상단 바가 지나치게 줄어드는 문제가 있습니다. media 쿼리를 이용하는 등 시도를 해 보았지만, 정상적인 크기의 상단바가 형성되지 않습니다.

답변 남겨 주시면 감사하겠습니다.