Luminon Payments Renewal

---

Luminon Payments Renewal

제가 계좌 정보를 보여줄 때 사용하는 페이지인 "Luminon Payments"를 디자인을 다시 해서 리뉴얼했습니다. 이번에는 큼지막한 텍스트로 읽기 쉽게 표시되도록 하고자 하는것이 컨셉이었죠. 각각의 블록이 조립되어 하나의 페이지로 표시되는 느낌을 주기 위해서 처음으로 grid라는 속성을 사용해봤습니다. 그런데 이거.. 개념은 어느정도 이해를 했는데 원하는 방향으로 표시가 잘 되지 않아 애먹었습니다. (ㅠㅠ) 그래서 후반부에서 CSS를 짤 때 그냥 될 대로 되라 (...) 식으로 짜서 돌아는 가는데 코드가 좀 난잡해진 것 같았어요. 나중에 좀 더 공부를 해봐야 겠습니다..

-

Used Software

UI Design : Figma

Graphic Resources : Adobe Photoshop CC

Markup: Visual Studio Code (HTML 5, CSS 3)