"span={6}" issue on Exchange.js Deep Dive

[vvronskyFX]

I was getting this issue with alignment of values:

original code:

span={6} seemed to be the issue.

Here's what the code can be. Not perfect but it's functional!

Change out span={6} to style={{ width: "18.9vw" }} inside the <Col />

See new layout w/ iPhone and Desktop:

[vvronskyFX]

It's still a bit buggy on a responsive webpage. Please share & add in with any more efficient functionality. :)

[web-galtsov]

Exchanges 24h Trade Volume Markets Change {exchangesList.map((exchange) => ( {exchange.rank}. {exchange.name}

                <Col span={6} style={{textAlign:"center"}}>${millify(exchange.volume)}</Col>
                <Col span={6} style={{textAlign:"center"}}>{millify(exchange.numberOfMarkets)}</Col>
                <Col span={6} style={{textAlign:"center"}}>{millify(exchange.marketShare)}%</Col>
              </Row>
              )}
          >
            {HTMLReactParser(exchange.description || '')}
          </Panel>
        </Collapse>
      </Col>
    ))}
        </Row>

[vedanksingh]

To acces exchange do we have to take permium plan

[vedanksingh]

Exchanges 24h Trade Volume Markets Change {exchangesList.map((exchange) => ( {exchange.rank}. {exchange.name}

                <Col span={6} style={{textAlign:"center"}}>${millify(exchange.volume)}</Col>
                <Col span={6} style={{textAlign:"center"}}>{millify(exchange.numberOfMarkets)}</Col>
                <Col span={6} style={{textAlign:"center"}}>{millify(exchange.marketShare)}%</Col>
              </Row>
              )}
          >
            {HTMLReactParser(exchange.description || '')}
          </Panel>
        </Collapse>
      </Col>
    ))}
        </Row>

You have purchased tha premium plan ?

[web-galtsov]

Yes I did, but when I look at the .JSON I don't see the description field