style the counter

This commit is contained in:
Ahmed-Ayman 2018-12-07 14:01:26 +02:00
parent 2dcd50d361
commit 461ed1af37
2 changed files with 11 additions and 3 deletions

View File

@ -16,7 +16,11 @@ class Header extends React.Component {
} }
const Counter = () => { const Counter = () => {
return ( return (
<h2 className="counter">٩٦٧ ساعة وبيزيدوا</h2> <div className="counter-container">
<span >967</span>
<br/>
<span> ساعة وبيزيدوا</span>
</div>
); );
} }
return ( return (

View File

@ -61,13 +61,17 @@ header {
text-align: center; text-align: center;
} }
.counter { .counter-container {
position: absolute; position: absolute;
display: inline-block;
right: 0; right: 0;
top: 0; top: 0;
padding: 2em; padding: 2em;
} }
.counter{
position: relative;
right: 0;
}
/* search */ /* search */
.search-button { .search-button {
background: white; background: white;