<div class="new_questions js-new-questions">
<div class="fs-row">
<div class="fs-cell">
<div class="new_questions_inner">
<div class="new_questions_grid">
<div class="new_questions_grid_item is_left">
<div class="new_questions_header">
<h2 class="new_questions_title">
Exploring Today's Questions
</h2>
<div class="new_questions_desc">
We address today's most compelling questions about <em>media's impact on child development</em> through interdisciplinary dialogue, objective research, and information-sharing.
</div>
</div>
</div>
<div class="new_questions_grid_item is_right">
<div class="new_questions_items_wrap">
<div class="new_questions_items js-items-wrap">
<div class="new_questions_items_row theme_salmon is_reverse js-row ">
<div class="new_questions_item js-item-wrap">
<div class="new_questions_item_wrap js-item">
<div class="new_questions_item_magnetize js-magnetize">
<div class="new_questions_item_magnetize_target js-magnetize-target"></div>
<div class="new_questions_item_button_wrap">
<a href="#" class="button new_questions_item_button">
Is ChatGPT safe for children?
</a>
</div>
</div>
</div>
</div>
</div>
<div class="new_questions_items_row theme_yellow js-row new_questions_has_icon_phone_branch">
<svg class="new_questions_item_line js-line">
<path class="new_questions_item_line_path js-path" />
</svg>
<div class="new_questions_item js-item-wrap">
<div class="new_questions_item_wrap js-item">
<div class="new_questions_item_magnetize js-magnetize">
<div class="new_questions_item_magnetize_target js-magnetize-target"></div>
<div class="new_questions_item_button_wrap">
<a href="#" class="button new_questions_item_button">
How does media affect youth mental health?
</a>
<div class="new_questions_item_icon">
<svg class="icon icon_phone_branch">
<use href="/images/icons.svg#phone_branch" />
</svg>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="new_questions_items_row theme_light_green is_reverse js-row ">
<svg class="new_questions_item_line js-line">
<path class="new_questions_item_line_path js-path" />
</svg>
<div class="new_questions_item js-item-wrap">
<div class="new_questions_item_wrap js-item">
<div class="new_questions_item_magnetize js-magnetize">
<div class="new_questions_item_magnetize_target js-magnetize-target"></div>
<div class="new_questions_item_button_wrap">
<a href="#" class="button new_questions_item_button">
How are screens affecting relationships?
</a>
</div>
</div>
</div>
</div>
</div>
<div class="new_questions_items_row theme_light_blue js-row ">
<svg class="new_questions_item_line js-line">
<path class="new_questions_item_line_path js-path" />
</svg>
<div class="new_questions_item js-item-wrap">
<div class="new_questions_item_wrap js-item">
<div class="new_questions_item_magnetize js-magnetize">
<div class="new_questions_item_magnetize_target js-magnetize-target"></div>
<div class="new_questions_item_button_wrap">
<a href="#" class="button new_questions_item_button">
Should I monitor my child's online content?
</a>
</div>
</div>
</div>
</div>
</div>
<div class="new_questions_items_row theme_medium_blue is_reverse js-row new_questions_has_icon_group_mind">
<svg class="new_questions_item_line js-line">
<path class="new_questions_item_line_path js-path" />
</svg>
<div class="new_questions_item js-item-wrap">
<div class="new_questions_item_wrap js-item">
<div class="new_questions_item_magnetize js-magnetize">
<div class="new_questions_item_magnetize_target js-magnetize-target"></div>
<div class="new_questions_item_button_wrap">
<a href="#" class="button new_questions_item_button">
How are our children being influenced by algorithms?
</a>
<div class="new_questions_item_icon">
<svg class="icon icon_group_mind">
<use href="/images/icons.svg#group_mind" />
</svg>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="new_questions js-new-questions">
<div class="fs-row">
<div class="fs-cell">
<div class="new_questions_inner">
<div class="new_questions_grid">
<div class="new_questions_grid_item is_left">
<div class="new_questions_header">
<h2 class="new_questions_title">
{{ title }}
</h2>
{% if description %}
<div class="new_questions_desc">
{{ description }}
</div>
{% endif %}
</div>
</div>
<div class="new_questions_grid_item is_right">
<div class="new_questions_items_wrap">
<div class="new_questions_items js-items-wrap">
{% for item in items %}
{% set theme = get_theme_key(color_patterns.secondary, loop.index0) %}
<div class="new_questions_items_row theme_{{ item.theme }} {% if loop.index is odd %}is_reverse{% endif %} js-row {% if item.icon %}new_questions_has_icon_{{ item.icon }}{% endif %}">
{% if not loop.first %}
<svg class="new_questions_item_line js-line">
<path class="new_questions_item_line_path js-path"/>
</svg>
{% endif %}
<div class="new_questions_item js-item-wrap">
<div class="new_questions_item_wrap js-item">
<div class="new_questions_item_magnetize js-magnetize">
<div class="new_questions_item_magnetize_target js-magnetize-target"></div>
<div class="new_questions_item_button_wrap">
<a href="{{ item.link }}" class="button new_questions_item_button">
{{ item.title }}
</a>
{% if item.icon %}
<div class="new_questions_item_icon">
{{ icon( item.icon ) }}
</div>
{% endif %}
</div>
</div>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
No notes defined.