This is a coding exercise for a job application.
By Soldeveloper with 💙
- The photo, name, and price of each product must be visible at all times.
- As many rows as desired can be created as long as there are elements in the row.
- Rows must have between 1 and 3 elements.
- Users must be able to add elements to rows and exchange them between different created rows or between the elements of the same row using drag and drop.
- Users must be able to move rows of position.
- You can zoom in and out on the grid editor. If you add many rows, you lose the context of how the grid would look. Zoom makes it easy to see the maximum number of rows possible. This zoom should only be done on the editor area and not on the entire page, so you **cannot** use the native browser zoom.
- A template can be associated and disassociated with a row.
- Users must see the name of the template that a particular row has.
- In addition to seeing the name, users must see from the application how the alignment would look according to the template they have selected. In other words, if the right-alignment template is selected, the products must be aligned to the right in the editor.
- Users can save the grid, but all rows must have products and all rows must have a template assigned.