How to use the bulma/css/bulma.css.container function in bulma

To help you get started, we’ve selected a few bulma examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github sbayd / react-cv / src / index.js View on Github external
render() {
    return (
      <section>
        <main>
          <div>
            
            {
              this.props.sections.map((sectionDetails) =&gt; {
                const { type } = sectionDetails;
                const Comp = componnentMap[type] || Section; // Fallback to section for any case.
                return 
              })
            }

          </div>
        </main>
        {this.props.branding &amp;&amp; <div>
          You can create your own CV like this. Try <a href="https://github.com/sbayd/react-cv">React-CV</a> now.</div></section>
github sbayd / react-cv / src / Components / Section.js View on Github external
render() {
    const { icon, xtraClassName } = this.props;
    const iconComp = typeof icon === 'string' ? (predefinedIcons[icon] || faExclamation) : icon;
    return (
      <div>
        <div>
          <div>
            <h4>
              <span>
                
              </span>
              {this.props.title}
            </h4>
            <hr>
            {this.props.content &amp;&amp;
            <div>
              {
                typeof this.props.content === 'string'
                  ? <p>{this.props.content}</p> : this.props.content
              }
            </div></div></div></div>
github sbayd / react-cv / src / Components / ProjectsList.js View on Github external
render() {
    const { title, description, icon, groups } = this.props;
    return (
      <section title="{title}">
        <div>

          {groups.map((group) =&gt; {
            const { sectionHeader, description, items } = group;
            return (<div>
              <div>
                <div>
                  <h5>
                    {sectionHeader}
                  </h5>
                  <span> - {description}</span>
                </div>
              </div>
              <hr>
              <div>
                {items.map((project) =&gt; {
                  const { projectUrl, title, description } = project;</div></div></div></section>
github sbayd / react-cv / src / Components / ProjectsList.js View on Github external
{groups.map((group) =&gt; {
            const { sectionHeader, description, items } = group;
            return (<div>
              <div>
                <div>
                  <h5>
                    {sectionHeader}
                  </h5>
                  <span> - {description}</span>
                </div>
              </div>
              <hr>
              <div>
                {items.map((project) =&gt; {
                  const { projectUrl, title, description } = project;
                  return (
                    <div>
                      </div></div></div>
github sbayd / react-cv / src / Components / Section.js View on Github external
<span>
                
              </span>
              {this.props.title}
            
            <hr>
            {this.props.content &amp;&amp;
            <div>
              {
                typeof this.props.content === 'string'
                  ? <p>{this.props.content}</p> : this.props.content
              }
            </div>
            }
            {this.props.children &amp;&amp;
              <div>
                {this.props.children}
              </div>
            }
          
        
      
    );
  }
}