My multiply (*) command doesn't calculate

Question

My asterisk doesn't work, when I do the calc() function and do the multiplication notation (i.e. the asterisk), the function doesn't work

I want to solve this problem as soon as possible because I am learning programming and I need your help to solve it

--Mark size: Calculate (var(--cell-size) * 0.9);

The symbol (*) has no effect and does not change anything

Answer 1

:root{
  --cell-size: 12px;
  --mark-size: calc(var(--cell-size) * 2)
}

div{
  font-size: var(--mark-size);
  width:100%;
  background-color: dodgerblue;
  color: #000;
  padding: 20px;
  box-sizing: border-box;
}

This is my first div tag

Try this edited solution and let me know what you think