Having Fun With CSS

in #pimp3 months ago

image.png

What I am doing today is playing around in css and having a blast. Too bad when I copy and paste, it does not come out like what it looks like in my notes. It is cool, though to see which </div> controls which section.

<div style="background-color: rgb(100, 200, 175); padding:6px;">
    <div style="background-color: rgb(150, 150, 200); padding:10px;">
        <div style="color: rgb(50, 150, 10);">
            <h1>Terms To Know</h1>
        </div>

JTAG
UART
Logic gates
Perf-board
Breadboard
Creating a circuit
Reverse engineering
Identify components
SOC (System on Chip)
PCB (Printed Circuit Board)
IC (Integrated Circuit) firmware
MC (Micro-controller) firmware
    </div>
</div>

<div style="background-color: rgb(200, 200, 200); padding:6px;">
    <div style="background-color: rgb(175, 200, 150); padding:10px;">
        <div style="color: rgb(50, 175, 100);">
            <h1>Videos</h1>
</div>
<a href="https://www.youtube.com/watch?v=8a3yh-ILqnc&list=PLlXOIrvrROrPGEEzLrqWnPRttRxscOXyK">Easy JTAG Training</a>
<a href="https://www.youtube.com/watch?v=Kxvpbu9STU4&pp=ygUMZmluZGluZyBKVEFH">DEF CON 24 Hardware Hacking Villahe</a>
    </div>
</div>

My apologies for the color mismatch. I am still learning. That is the fun part. I am not constrained to an instructor. Although I am sure an instructor would probably help greatly and maybe in a faster way. I think the fun is getting messy and ugly to see what doesn't work.

I have been going between w3schools css and using chagpt to get the code just right for me.

During trying to get this typed I noticed that I had some bad formatting and my regular text was stuck in a code block.

Playing around with it I realized that formatting differs in different platforms. What I mean by this is that the backticks in some editors have to be on completely different lines to start and stop the block and on other the backticks are excepted on the same line as the beginning and ending block lines. 🤔🤔

It is all still a work in progress and Rome was not built in a day.

Anyway, I am going to end here. Just remember, learning can be fun if it is about something of interest to you.

Thank you for reading this and I look forward to engaging with you in the comments. If you are coming from outside of hive and enjoyed my content, please consider supporting me.