1494a50123
* fix: restructure certifications guide articles * fix: added 3 dashes line before prob expl * fix: added 3 dashes line before hints * fix: added 3 dashes line before solutions
34 lines
526 B
Markdown
34 lines
526 B
Markdown
---
|
|
title: Create a Complex JSX Element
|
|
---
|
|
# Create a Complex JSX Element
|
|
|
|
|
|
---
|
|
## Hints
|
|
|
|
### Hint 1
|
|
Nested JSX must return a single, top level element
|
|
|
|
### Hint 2
|
|
Ensure your solution has a parent `div` containing an `h1`, a `p`, and an unordered list (`ul`) that contains three `li` items
|
|
|
|
|
|
---
|
|
## Solutions
|
|
|
|
<details><summary>Solution 1 (Click to Show/Hide)</summary>
|
|
|
|
```html
|
|
const JSX = <div>
|
|
<h1>Heading.</h1>
|
|
<p>Paragraph</p>
|
|
<ul>
|
|
<li>Coffee</li>
|
|
<li>Tea</li>
|
|
<li>Milk</li>
|
|
</ul>
|
|
</div>;
|
|
```
|
|
</details>
|