Tien ich VinCity Dai Mo

Dự án VinCity Đại Mỗ sở hữu hệ thống tiện ích đồng bộ va hiện đại, phục vụ tối đa nhu cầu sống cư cư dân

Edit this link in the settings tab in the right panel

In the navigator tab located in the right panel you can see all your elements in one place.

Vi tri VinCity Dai Mo

VinCity Dai Mo toa lac tai noi giao giua phuong Dai Mo va Tay Mo, noi thang Dai lo Thang Long va duong Tran Duy Hung. Thuan tien cho su di chuyen den cac trung tam hanh chinh khac

Double click an image to replace it.

You can also double click an image to change its size.

Parents, and text alignment

By now you may have noticed that web design, simply put, is a series of boxes inside of boxes with text and images inside of them. Try selecting the parent element of this text Right 2 then changing the text alignment.

Layout tip

Change the layout direction of a flexbox element from horizontal to vertical.

Flexbox is a display setting found in the styles tab under Layout > Display Settings

Step 1

Click to select Column 1 which is the white box that this paragraph you're reading is currently inside of. 

Step 2

Now that Column 1 is selected, press the up arrow on your keyboard, selecting the parent element: Column Wrap 1

Step 3

With Column Wrap 1 selected, click the icon shown above in the Layout > Flex Layout styles panel.

Additional tips

Margin / Padding

The above screenshot shows the controls for margin and padding. Simply put, this is the space you add inside and/or outside of an element.

Add Elements

The navigator tab gives you a clear breakdown of elements and their parents, as well as where they are located within the page.

Responsive design

Clicking these breakpoints icons will change the size of the viewport to mimic common device sizes. Styles that are changed when viewing the website at other breakpoints will effect sizes smaller as well.

States

On the top right of the selector section, there is a states dropdown. Here you can edit element styles at different states. The most common use for this is adding hover effects to elements such as buttons.