assets/css/pages/computers.css


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

.machine{
  border: 1px solid var(--ink);
  padding: var(--space-md);
  margin-top: var(--space-md);
  background: var(--bg);
  display: grid;
  grid-template-columns: 150px auto 150px;
  gap: var(--space-md);
  align-items: start;
}

.machine img{
  width: 100%;
  height: auto;
  border: 1px solid var(--ink);
}

.machine-info{ font-size: var(--fs-base); }

.machine-title{
  color: var(--gold);
  font-weight: 700;
  font-size: var(--fs-lg);
  margin-bottom: var(--space-xs);
}

@media (max-width: 720px){
  .machine{ grid-template-columns: 1fr; }
}