LU05.S04 - v-bind with css-class

Codesolution

• Download the file and copy the content into the code area of the W3School on the left hand side of the coding window.
• You can execute the code by pressing the run button
• The result will be presented in the right hand side of the window.

1. If not already done, create a new directory media and save at least three photos of your choice in it.
2. Adjust the code to display this three photos. That means you need some new image-tags for this photos.
3. Create withing the style area a second CSS class #app2 with new values of your choice for the photo frame.
4. Activate the css amendments by adjusting the template-code (div-element).
5. Execute your script and check the correctness.
6. Save your result either on your pc or in the W3Schools workspace (requires a W3Schoo profile).

Volkan Demir