OdearOgy

import React, {Component} from 'react';
import { render } from 'react-dom';

class TopBox extends Component {

  render () {
    const s = {backgroundColor:'red'};
    const all_names = this.props.all_names.map(n => {
      return (
        <p>{n}</p>

OdearOgy

/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
  
  //CSS
  

OdearOgy

/* This is a small sampling of the various approaches to media queries. The 
   point is: they're all over the board. Part of the "issue" (if you can call
   it that) may be due to the intended audience of each site/framework. Another
   may be that it's really difficult to test for a lot of different devices.
   Regardless, it would be really nice if there was standard baseline that 
   could be used as a starting point for maximum compatibility and coverage. */

/* ==========================================================================
   Frameworks
   ========================================================================== */