Skip to content

Commit e9520d1

Browse files
kamilszewczyk0szymon-rd
authored andcommitted
created styles and structure for "no results" page
1 parent 6c73d2b commit e9520d1

File tree

2 files changed

+23
-0
lines changed

2 files changed

+23
-0
lines changed
Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
#no-results-container {
2+
display: flex;
3+
flex-direction: column;
4+
justify-content: center;
5+
align-items: center;
6+
text-align: center;
7+
}
8+
9+
#no-results-container .no-result-header {
10+
margin-block-start: 27px;
11+
margin-block-end: var(--base-spacing);
12+
}
13+
14+
#no-results-container p {
15+
margin-top: 0;
16+
margin-bottom: 34px;
17+
}
Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
<div id='no-results-container'>
2+
<img src="./images/no-results.svg" alt="Sick face" >
3+
<h2 class='h200 no-result-header'>No results match your filter criteria</h1>
4+
<p class=''>Try adjusting or clearing your filters<br>to display better result</p>
5+
<button class='clearButton label-only-button'>Clear all filters</button>
6+
</div>

0 commit comments

Comments
 (0)