ashanaka/UI-layout

UIs

UI-layout for RanAswanu web app

Important !

Color Scheme

  #058A00 - Green (Primary)
  #404040 - Dark gray
  #FFFFFF - White

Use of variables

        :root {
          --main-bg-color: coral;
        }

        #div1 {
          background-color: var(--main-bg-color);
        }

        #div2 {
          background-color: var(--main-bg-color);
        }

Resources

• https://developer.mozilla.org/en-US/docs/Web/CSS
• https://www.w3schools.com/css/default.asp
• https://digital.com/tools/html-cheatsheet/
• https://css-tricks.com/
• https://websitesetup.org/css3-cheat-sheet/
• https://grid.malven.co/

Tips

• After forking the repo use Brackets editor. (http://brackets.io/)
• Or use VS Code and install live server extension.