Ggoering

I learned that codepen doesn't create a new save if you change the file name and save again... So I can only share where I started a new pen. :sadface:

CSS Layout Challenge Number 3

Nested div 2 in div 1. Div 1 had position: relative. div 2 used position absolute. I subtracted half of div 1 height and width by half of div 2 height and width to get the positioning for the center, so then set top: 75px and left: 75px on div 2.

CSS Layout Challenge Number 10

Nested div 2 and 3 within div 1. I floated 2 and 3 left and right respectively with 50px margin, and translatedY 25%.

Ggoering

<title>
  <p>Main Title</p>
    <form aria-label="article searchbox" name="lookup" action="/" method="get">
      <input  role="searchbox" type="search">
      <input role="button" type="submit">
    </form>
</title>
<nav>
<ul>
  <li><a href="/">Home</a></li>

Ggoering

Part One:

1. What is the attribute for indicate on the label element? Do you always have to use it? Why or why not?
  * the attribute "for" is used to tie the label element with its corresponding input on a form.  Not required if the input is within the label element.
2. What are 5 values for the type attribute of an input element and how do they work?
  * button: by default does nothing, but is interactable
  * radio: provides options in which only a single choice is possible
  * checkbox: value attribute must be defined to each box, multiple choices possible
  * email: checks for valid email address format, or accepts blank depending on settings
  * date: accepts only valid dates as an input, can provide clickable calendar

Ggoering

GG Prework

---

Day 1

HTML

1. On a website, what is the purpose of HTML code?

• HTML Code is a way to communicate with a browser how you want the features of the webpage to be formatted.

2. What is the difference between an element and a tag?

• An element is composed of tags, attributes & their respective values, and content between the tags. A tag is a recognized piece of the HTML code contained within symbols '< >' that has intrinsic properties which will tell the browser to display the content a certain way.