In the bottom right corner of the CodePen example, there should be a button that says Fork. Click it. This will make a copy of the code that you can save to your CodePen account.
While anyone can edit or fork a CodePen, you can’t save and share your work without creating a CodePen account. It’s easy and free. The button to do this is in the upper right corner of the CodePen window.
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!
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.
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.
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.
#30DaysofHTML Day 5: Description list discussion
https://codepen.io/kelsey-van-ert/pen/abpyzJJ?editors=1000 this is a tricky one🧐 at least for me.
https://codepen.io/scloteau/pen/KKaqOaK?editors=1000
My Day 5 response:
https://codepen.io/weberbj/pen/jOyjaoj?editors=1000
Day 5 Challange
https://codepen.io/kajal-28/pen/MWJMqgw
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!
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.
https://codepen.io/steph_pujols/pen/xxgymor
https://codepen.io/rileyclaycomb/pen/KKaQWxx
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.
Tell me what you think! :) https://codepen.io/hleffler/pen/ExZwpoJ
Here is what I did.
https://codepen.io/brreaves/pen/QWdqxQE?editors=1000
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.
https://codepen.io/kldickenson/pen/zYNdRvP
https://codepen.io/jinsbai/pen/poRwmRw
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.