Regarding Bolt IoT code configuration

1

Even after configuring the code and saving it, when clicking on view this device, it’s showing an error. Please help.

2

@sahajsaxena11

Can you please share the code and error page screenshots?

3

bolt Iot
bolt Iot1257×660 30.3 KB

CODE

APS
ON
OFF

body {
margin:0;
padding:0;
}
div {
height: 40.9vh;
width: 60.5vh;
align-content: center;
}
.button {
border: none;
color: black;
padding: 20px 30px;
text-align: center;
width:300px;
height:100px;
text-decoration: none;
display: block;
font-size: 50px;
font-family: Arial, Helvetica, sans-serif;
box-shadow: 1px 1px 6px 0px black;
}

.button1 {background-color: #00ddff;
position: center;
top: 30%;
left:40%;
}
.button2 {background-color: #ff7c00;
position: center;
top: 30%;
left:40%;
}

4

@sahajsaxena11

That is CSS. The code editor does not support direct CSS implementation. You can use the HTML extension with < style > tag and then put the CSS elements in there.

Even then you won’t see anything o the screen. You need to write an HTML page for that with the body and div tag. Use classnames like button, button, button2.

I suggest you to go through the training thoroughly to understand every step.

Let me know if you have any other queries.

5