50% off all plans with SPRING50
Code Area
regular Card 2 of 8

Code Area

User story

As a user, I want to have an area for writing code on the left half of the screen, with tabs for HTML, CSS, and JS. I also want the entered code to be remembered when switching between tabs.

Acceptance criteria

  • The code area is displayed on the left half of the screen with purple background color.
  • Each tab displays an initial placeholder code (e.g., "Add HTML code here" comment or some example code).
  • Switching between tabs should be possible and retain the previously entered code.
  • Tabs have appropriate hover, active, and highlight states.

Build this task card

Start your 7-day free trial to build this card in our code editor with Figma designs and live preview.

Start 7-Day Free Trial to Build This Card

Other cards in Code Editor