gistfile1.txt

<div id="moodselector">
  <header class="SectionHeader SectionHeader--center">
	<h2 class="SectionHeader__Heading Heading u-h1">{{ section.settings.title | escape }}</h2>
  </header>
  <div class="mds-container">
  	{% for block in section.blocks %}
    <div></div>
    {% endfor %}
  </div>
</div>

{% schema %}
  {
    "name": "Mood Selector",
    "settings": [
		{
			"id": "title",
			"type": "text",
			"label": "Title",
			"default": "Titlu"
		}
	],
	"blocks": [
		{
			"type": "select",
			"name": "Add Mood",
			"settings": [
				{
					"id": "moodname",
					"type": "text",
					"label": "Mood name"
				},
				{
					"id": "moodphoto",
					"type": "image_picker",
					"label": "Mood image"
				}
			]
		}
	],
	"presets": [
    	{
      	"category": "Advanced",
      	"name": "Mood Selector",
		"blocks": [
			"type": "select"
		],
      	"settings": {}
    	}
  	]
  }
{% endschema %}

{% stylesheet %}
.mds-container {
	display: flex;
}
{% endstylesheet %}

{% javascript %}
{% endjavascript %}