I did pretty well with coding today. I kept my focus long enough to finish the old project and finish another project in one go. We have a new project called Technical Documentation Page, which we do with fewer instructions. This means I will blank out and procrastinate cause I feel that I can’t do it or have no idea how to start. Ok, so I just started this, so of course, I may have questions on how to start. But I feel like I should have this all down like the back of my hand. That may be unfair to me, but it is how I feel. I fear that I won’t get this.
I looked up a few HTML tags, and I think I know how to start this. I wish I had the confidence in myself that I could do this.
I learned some new things today:
The float property specifies whether an element should float to the left, right, or not at all.
Note: Absolutely positioned elements ignore the float property
Note: Elements next to a floating element will flow around it. To avoid this, use the clear property
The clear property specifies what should happen with the element that is next to a floating element.
The content property is used to set or override the content of the element. Setting the content property to an empty string “” will ensure the element is rendered to the page while still being empty. The content property is used with the ::before and ::after pseudo-elements, to insert generated content.
a::after { content: " (" attr(href) ")"; }
Logical operators can be used to construct more complex media queries. The and logical operator is used to query two media conditions.
For example, a media query that targets a display width between 500px and 1000px would be:
@media (min-width: 500px) and (max-width: 1000px){ }