참조: https://creatie.ai/ 사이트가 바뀌었어요

플러그인 추천 감사합니다. ^^readdy.ai의 경우는 이제 프롬프트로 웹, 모바일용 디자인을 생성하는데 큰 도움이 됩니다. 생성한 디자인은 figma로 내보내기(유료기능)도 가능하시 참고하세요.

nav 에 sign in 라인

아래 flower 부분은 화면 대비 50%를 사용하는 구간이고, 상단 메뉴 부분은 비율이 다르기 때문에 그렇습니다. 맞추려면 상단의 메뉴 구조를 각각 div등으로 양분하고 50%로 지정한 다음, 그 안에서 왼쪽 메뉴는 왼쪽으로 배치, 오른쪽 메뉴는 오른쪽으로 배치되도록 flex를 활용하여 적용하면 되겠습니다.

실무에서 탭스 구현 시 어떤 방법을 많이 사용하는지 궁금합니다.

질문 남겨주셔서 감사합니다. AI의 답변대로 상황따라 다르겠지만, react등 프레인워크를 사용하지 않는 상황이고 jQuery를 사용한다면 attribute방식을 추천합니다. 그래야 html상의 구조를 내부 링크방식으로 정석에 맞게 작성하게될겁니다. html 구조가 내부 링크방식으로 잘 작성되어 있다면. 어떤방식이든 크게 상관은 없습니다.

contact 부분을 filedset으로 만들어줘도 되나요 ?

fieldset는 여러 입력내용을들 묶어줄때 사용합니다. 보통 필수입력사항들 묶고, 옵션사항들 묶어줄 때 사용할 수 있겠습니다.