My multiply (*) command doesn't calculate

Question

My asterisk is not working, when I do the calc() function and do the multiplication notation (i.e. the asterisk), the function is not working. I want to solve this problem as soon as possible because I am learning programming and I need your help in solving it - - mark size: calculation (var(--cell-size)*0.9); notation (*) has no effect and does not change anything

P粉955063662 · Answer

: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