Edit Text
Double-click to edit the text below and add your name
To complete this task:
- Double-click on the "Hello ___" text
- Replace the underscores with your name
- Press Enter or click outside to apply your changes
Change images live
Click the image below to replace it with one you like from the Image Library.
To complete this task:
- Click the image to open Image Library (toggle with
toolbar icon or double-click). - In the Image Library: hover over thumbnails to preview them
- Click a thumbnail to place it on your page, or click the
icon to download it first
Edit elements visually
Duplicate
the card below to make 3 cards total, then delete
1 card.
1/3 cards, 0/1 deleted
Card
Click the 
icon in toolbar above to select the parent card.
To complete this task:
- Click the card to select it
- Use the button or press to duplicate cards until you have 3 total
- Select any card and use the button or press Delete to remove it
- Tip: You can undo with and redo with
Reorder elements by dragging
Drag any note to change the order.
To complete this task:
- Click and hold any note to start dragging
- Move it up or down to change the order
- Release to drop it in the new position
Edit links and preview your page
Select the 
icon in the toolbar to change where this link points.
Edit mode vs Preview mode
Select and change things on the page
See your page as visitors will see it
Press F8 or click the button to switch modes.
Tips:
- Click any link to select it for editing
- Enable Open in new tab to open links on a separate page
- Switch to Preview mode (F8) to test links and interactions
You're ready to build!
You've learned how to edit with Live Preview.
Open a folder with your HTML files to start editing.
Need more help?
Check layout with measurements
Click 
in the toolbar and select Show Measurements to see which box is misaligned.
Tips:
- Click the icon in the toolbar, or right-click to open the menu
- Enable Show Measurements to see spacing and alignment guides
- Measurements help you spot alignment issues quickly