style the counter
This commit is contained in:
parent
2dcd50d361
commit
461ed1af37
|
@ -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 (
|
||||||
|
|
|
@ -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;
|
||||||
|
|
Loading…
Reference in New Issue
Block a user