columns:
Today, we’re going to make a code with columns! (as hinted by the subtitle) it’ll be a simple two part column, on one side: a picture, and the other: some text. If you aren’t familiar witth this concept, take a look at the posts down below where Wren explains the basics (since I’m not fit for teaching anything). If you’re still confused, don’t be afraid to ask questions, I’ll explain it to my best ability or someone with more experience can do it:)
Scrollboxes:
As you know, i like to make mine look neat and small, but most of my codes ontain a lot of information. So of course, we need scrollboxes. i know most people know how to do this, but for a quick refresher, here’s the scroll code:
overflow: scroll;
Bonus:
If you’re a certain person named Lex (or someone who just wants to try this out). Feel free to do multiple scrollboxes side by side with anything you’d like.
Requirements:
1. 2-part (or more) column
2. A picture in one column
3. facts/summaries/text about whatever you want in another column
raw code
<div align=center>
<span style="font-size:; display: block; border: solid 1px #211F2B; border-radius: 2px; background-color: #211F2B; width: 500px; height: auto; padding: 15px;">
<span style="font-size: 14px; display: block; letter-spacing: 2px; line-height: 1.5; text-align: right; font-family: arial; text-transform: uppercase; color: #98979F; text-shadow: 3px 3px #4A4853;"> <i> Activity #4</i> <span style="font-size:; display: block; border: 0.5px solid #98979F; margin-top: 3px; margin-left: 385px; width: 115px; height:;"> </span></span>
<span style="font-size: 9px; display: block; border-left: solid 2px #98979F; padding: 1% 2%; text-transform: uppercase; text-align: left; letter-spacing: 2.5px; text-shadow: none; line-height: 1.5px; color: #98979F; margin: 5px;">columns:</span>
<span style="font-size: 11px; display: block; border-right: solid 2px #98979F; padding: 1% 2%; text-transform: lowercase; text-align: justify; letter-spacing: 3px; text-shadow: none; line-height: 14px; color: #98979F; margin: 5px;"> Today, we're going to make a code with columns! (as hinted by the subtitle) it'll be a simple two part column, on one side: a picture, and the other: some text. If you aren't familiar witth this concept, take a look at the posts down below where Wren explains the basics (since I'm not fit for teaching anything). If you're still confused, don't be afraid to ask questions, I'll explain it to my best ability or someone with more experience can do it:) </span>
https://forum.wackywriters.com/t/coding-101/1172/348?u=themidnightassassin
https://forum.wackywriters.com/t/coding-101/1172/387?u=themidnightassassin
https://forum.wackywriters.com/t/coding-101/1172/432?u=themidnightassassin
<span style="font-size: 9px; display: block; border-left: solid 2px #98979F; padding: 1% 2%; text-transform: uppercase; text-align: left; letter-spacing: 2.5px; text-shadow: none; line-height: 1.5px; color: #98979F; margin: 5px;">Scrollboxes:</span>
<span style="font-size: 11px; display: block; border-right: solid 2px #98979F; padding: 1% 2%; text-transform: lowercase; text-align: justify; letter-spacing: 3px; text-shadow: none; line-height: 14px; color: #98979F; margin: 5px;"> As you know, i like to make mine look neat and small, but most of my codes ontain a lot of information. So of course, we need scrollboxes. i know most people know how to do this, but for a quick refresher, here's the scroll code:
`overflow: scroll;`
</span>
<span style="font-size: 9px; display: block; border-left: solid 2px #98979F; padding: 1% 2%; text-transform: uppercase; text-align: left; letter-spacing: 2.5px; text-shadow: none; line-height: 1.5px; color: #98979F; margin: 5px;">Bonus:</span>
<span style="font-size: 11px; display: block; border-right: solid 2px #98979F; padding: 1% 2%; text-transform: lowercase; text-align: justify; letter-spacing: 3px; text-shadow: none; line-height: 14px; color: #98979F; margin: 5px;"> If you're a certain person named Lex (or someone who just wants to try this out). Feel free to do multiple scrollboxes side by side with anything you'd like.</span>
<span style="font-size: 9px; display: block; border-left: solid 2px #98979F; padding: 1% 2%; text-transform: uppercase; text-align: left; letter-spacing: 2.5px; text-shadow: none; line-height: 1.5px; color: #98979F; margin: 5px;">Requirements:</span>
<span style="font-size: 11px; display: block; border-right: solid 2px #98979F; padding: 1% 2%; text-transform: lowercase; text-align: justify; letter-spacing: 3px; text-shadow: none; line-height: 14px; color: #98979F; margin: 5px;"> 1. 2-part (or more) column<br> 2. A picture in one column <br> 3. facts/summaries/text about whatever you want in another column</span>
<span>
</div>