Hugging Face's logo

Spaces:
vlcsolutions
/
power-impact-pro-builder
Running

App Files Community
vlcsolutions commited on
Commit
d381a55
·
verified ·
1 Parent(s): 49e69ad

The page is not fill width, do full width

Browse files
Files changed (1) hide show
  1. style.css +23 -14
style.css CHANGED
@@ -1,40 +1,49 @@
1
 
2
  body {
3
- padding: 2rem;
4
- font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
5
- background-color: #f8fafc;
 
 
 
 
 
 
 
6
  }
7
 
8
  /* Alternate section backgrounds */
9
  section:nth-child(odd) {
10
- background-color: white;
11
  }
12
 
13
  section:nth-child(even) {
14
- background-color: #f1f5f9;
15
  }
16
-
17
  /* Darker background for footer */
18
  footer {
19
  background-color: #0f172a;
20
  color: white;
21
  }
22
-
23
  /* Dark cards for contrast */
24
  .card {
25
- background-color: white;
26
- border: 1px solid #e2e8f0;
27
- box-shadow: 0 1px 3px rgba(0,0,0,0.1);
 
 
 
28
  }
29
-
30
  /* Darker header */
31
  header {
32
- background-color: white;
33
- box-shadow: 0 2px 4px rgba(0,0,0,0.05);
 
34
  }
35
  /* Banner image overlay effect */
36
  .pattern-navy.relative {
37
- background-blend-mode: overlay;
 
38
  }
39
  h1 {
40
  font-size: 16px;
 
1
 
2
  body {
3
+ margin: 0;
4
+ padding: 0;
5
+ width: 100%;
6
+ font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
7
+ background-color: #f8fafc;
8
+ }
9
+ /* Full width sections */
10
+ section {
11
+ width: 100%;
12
+ box-sizing: border-box;
13
  }
14
 
15
  /* Alternate section backgrounds */
16
  section:nth-child(odd) {
17
+ background-color: white;
18
  }
19
 
20
  section:nth-child(even) {
21
+ background-color: #f1f5f9;
22
  }
 
23
  /* Darker background for footer */
24
  footer {
25
  background-color: #0f172a;
26
  color: white;
27
  }
 
28
  /* Dark cards for contrast */
29
  .card {
30
+ background-color: white;
31
+ border: 1px solid #e2e8f0;
32
+ box-shadow: 0 1px 3px rgba(0,0,0,0.1);
33
+ width: 100%;
34
+ max-width: 100%;
35
+ box-sizing: border-box;
36
  }
 
37
  /* Darker header */
38
  header {
39
+ background-color: white;
40
+ box-shadow: 0 2px 4px rgba(0,0,0,0.05);
41
+ width: 100%;
42
  }
43
  /* Banner image overlay effect */
44
  .pattern-navy.relative {
45
+ background-blend-mode: overlay;
46
+ width: 100%;
47
  }
48
  h1 {
49
  font-size: 16px;