Let's practice our knowledge of resizing elements and adding borders by coding parts of an education app.

The app uses HTML and CSS to display information to its users about different countries.

<html>
<head>
<link rel="stylesheet" href="style.css">
<style>
.photo {
height: 100px;
width: 200px;
border-radius:30px;
}
.population {
border:solid 5px plum;
}
.funFact {
border:solid 5px green;
}
p {
border-radius: 10px;
}
</style>
</head>
<body>
<img class="photo" src="https://mimo.app/r/greece.png">
<h3>Facts about Greece</h3>
<p class="population">Population: 10.77 million </p>
<p class="funFact">Fun fact: considered by most to be the birthplace of democracy.</p>
</body>
</html>]]>