From e6bbe7dd92e1772b1b8d5425947fe3436596938d Mon Sep 17 00:00:00 2001
From: liliana <liliana.sanfilippo@uni-bielefeld.de>
Date: Thu, 25 Jul 2024 14:33:47 +0200
Subject: [PATCH] exercises
---
src/contents/example.tsx | 12 ++++++++++++
1 file changed, 12 insertions(+)
diff --git a/src/contents/example.tsx b/src/contents/example.tsx
index 154140a0..b1163e10 100644
--- a/src/contents/example.tsx
+++ b/src/contents/example.tsx
@@ -157,6 +157,18 @@ export function Example() {
</div>
</div>
<hr/>
+ <div className="col exercise">
+ <div className="row align-items-center">
+ <div className="col"><h4> Simple React Component</h4></div>
+ <div className="col-1 "><div className="example-advanced-tag">Advanced</div></div>
+ </div>
+ <i><h6>By </h6></i>
+ <div className="example-exercise">
+ <p> Create a react component that takes HTML, a link to a picture and a word as input and return the code in a box with the word as a header. The picture and other code should be in two columns next to each other, under the header.</p>
+ <p> See DocuBox component. </p>
+ </div>
+ </div>
+ <hr/>
{/* <div className="col exercise">
<div className="row align-items-center">
<div className="col"><h4> </h4></div>
--
GitLab