Weeks 3 – 4: Diving Deeper into HTML & CSS

The past two weeks have been incredibly informative. There was so much that I learned and I’m hoping it all the information absorbs into me.

Week 3 went pretty well styling the Lemmings page was fun as I kinda enjoy customizing stuff in CSS when I know what I’m doing. I was also playing around with my knowledge of responsive design using some media queries changing the break points of some of the content.

Week 4 I struggled a little bit with some of the practice examples thats were provided. Here’s the one I got stuck on where I couldn’t get the boxes to show up:

/* Level 2: attribute selector ([attribute=”value”])
Selects elements based on an HTML attribute and its value — very handy
for styling form inputs by type without adding extra classes. */
input[type=”text”] {
border: 1px solid #999;
padding: 0.4rem;
}

/* input[type=”text”] {
border: 1px solid red;
} */

/* button[type=”submit”] {
border: 1px solid red;
} */

/* #visitor-name input[type=”text”] {
border: 1px solid red;
} */

/* #contact-form [required] {
border: 1px solid red;
} */

So I’ll have to return to it on my own time and try it again. But even though I ran into issues with this it was great learn new css styling with tags and elements I had never used before. Especially when it came to combining tags or targeting elements within another element.

Last I was able to figure out how to post my font test on the server after hitting my head for a bit. I knew it was possible as when I got logged in to the server with Fetch I saw some of class had posted their files, so I just kept digging and ran into the information of how to get in. All is well!

https://appliedartand.design/86-fa26-mead/rjackson/fonttest_jackson-ryan

Leave a Reply

Your email address will not be published. Required fields are marked *