How can I make a rainbow border around the pictures and the table?

Question

https://code.sololearn.com/WAKsrOxWrVjd/?ref=app

Answer 1

img, table {
border-width: 5px;
border-style: solid;
border-image: linear-gradient(30deg, orange , yellow, green, cyan, blue, violet) 1 1;
}

* remember to put autoprefixer for all browsers

Answer 2

check out this code, it may seem very complex but it's actually quite simple

https://codepen.io/timteeling/pen/aiFcn

take a look at this post as well
https://stackoverflow.com/questions/2717127/css3-gradient-borders

Answer 3

Thanks for your help!

Answer 4

Thanks