39 Comments
Apr 6, 2021Liked by Jen Kramer, Erika Lee

https://codepen.io/kelsey-van-ert/pen/abpyzJJ?editors=1000 this is a tricky one🧐 at least for me.

Expand full comment
Apr 5, 2021Liked by Jen Kramer, Erika Lee
May 4, 2021Liked by Jen Kramer

My Day 5 response:

https://codepen.io/weberbj/pen/jOyjaoj?editors=1000

Expand full comment
May 2, 2021Liked by Jen Kramer

Day 5 Challange

https://codepen.io/kajal-28/pen/MWJMqgw

Expand full comment
Apr 30, 2021Liked by Jen Kramer

https://codepen.io/trenadee/pen/bGgPgdv

I put everything into a block quote, since it's a pretty large chunk of text. I wasn't sure if I was suppose to include his little asides, but I put them in the <dd>? I also used <em> to italicize them so that they are somewhat separated!

Expand full comment
Apr 21, 2021Liked by Jen Kramer

https://codepen.io/pmmueller/pen/zYNMGbW

I <figure> the text is a <blockquote> with a <figcaption> for the source, and that the list of materials is a <dl>, using a <div> to group the <dt> and <dd> elements.

I did not know that a <div> was allowed here in a <dl>, but it's perfect for the example, and that markup is ideal to style the list as a responsive grid layout.

Expand full comment
Apr 21, 2021Liked by Jen Kramer
Apr 19, 2021Liked by Jen Kramer

My answer is here: https://codepen.io/romola/pen/zYNjYbE?editors=1100. I should have done something with the remarks about some of the items but it is late.

Expand full comment
Apr 7, 2021Liked by Jen Kramer

Tell me what you think! :) https://codepen.io/hleffler/pen/ExZwpoJ

Expand full comment
Apr 7, 2021Liked by Jen Kramer

Here is what I did.

https://codepen.io/brreaves/pen/QWdqxQE?editors=1000

Expand full comment
Apr 7, 2021Liked by Jen Kramer

https://codepen.io/vrenee26/pen/QWdMYqG

For this one I revised the type quite a bit to create the lists. I placed all of the type into a <blockquote> tags since it was cited as a passage from a book. Then a breakdown of the cost for the house, inside of a <dl> tag with the item in a <dt> tag and the cost in a <dd> tag. Then the body texts in <p> tags with the tight shingled and plastered house description listed as another <dl> with each characteristic as a <dd> tag. Lastly, the citation is a <p> tag with <cite> and an 'href' to the URL provided. Also, the URL is listed as a citation attribute in the original <blockquote> tag to begin the post.

Expand full comment
Apr 6, 2021Liked by Jen Kramer
Apr 5, 2021Liked by Jen Kramer
Apr 5, 2021Liked by Jen Kramer

https://codepen.io/jarchaff/pen/oNBwJaM?editors=1000

Since this is a longer passage from a book, I put the whole thing inside of a blockquote.

The narrator described his definition of a 'tight shingled and plastered house', so I put that phrase in a <dfn> tag.

I separated it into parts for readability with <p> and used <dl> for the long list of items the narrator describes. I put each item name inside the <dt> tag, and the description(s) inside <dd> tags. I <cite> the title of the book at the end, and turn it into a hyperlink of the provided url.

Expand full comment
deletedApr 5, 2021Liked by Jen Kramer, Erika Lee
Comment deleted
Expand full comment