# Week 2 - Apr 24, 28th

## Saturday April 24th

Enrollment Forms

Review [Git/GitHub](/mern-stack/getting-started/version-control-git-github.md)

Get [First Article](/mern-stack/building-an-article/common-html-elements.md) assignment submitted

Start[ html-tags](/mern-stack/first-html-page.md) exercise

Work on [Article Layout](/mern-stack/building-an-article/article-layout.md)

{% embed url="<https://youtu.be/_fHkxG_F48E>" %}

###

### Homework

#### Finish html-tags exercise, submit CodePen url as assignment

{% content-ref url="/pages/-MWvS93QHkCyhn4mJN6u" %}
[html-tags](/mern-stack/first-html-page.md)
{% endcontent-ref %}

#### Finish First Article semantic layout in prep for styling next class

{% content-ref url="/pages/-MY8M3uqM9vgyHCf-YWQ" %}
[Article Layout](/mern-stack/building-an-article/article-layout.md)
{% endcontent-ref %}

#### Watch scrimba Intro to CSS video lesson in prep for styling next class.

{% embed url="<https://scrimba.com/learn/introtocss>" %}

### Wednesday April 28th

#### Visual Studio Code Ayu Theme

If anyone is interested in the theme that I was using today, you can go to this site to install.

{% embed url="<https://marketplace.visualstudio.com/items?itemName=teabyii.ayu>" %}

#### Class Topics

Intro to CSS

Super-hero CSS&#x20;

Front-end Mentors 3 Column Preview

#### Class Recording

{% embed url="<https://youtu.be/N8yKbrku6U4>" %}

### Homework

#### Finish super-hero-css exercise.&#x20;

You don't need to turn this assignment in, but you should work through this one first, before proceeding on to the Front-end Mentors challenge.

{% content-ref url="/pages/-MZBKzCy3JCMoT8BaFGt" %}
[super-hero CSS](/mern-stack/super-hero-css.md)
{% endcontent-ref %}

#### Finish Front-end Mentors 3 Column Preview

Turn this assignment in by creating a git repository on your local computer and pushing it to GitHub and netifly. See directions in exercise.

{% content-ref url="/pages/-MZEdHf0gfr2LsrWce6N" %}
[FE Masters - 3 Column Preview](/mern-stack/fe-masters-3-column-preview.md)
{% endcontent-ref %}

### Resources

These are links to topic pages in the Important CSS Concepts Section.

{% content-ref url="/pages/-MYkDKHBWU8dwxjo0uBb" %}
[Colors](/mern-stack/important-css-concepts/colors.md)
{% endcontent-ref %}

{% content-ref url="/pages/-MYkQQ0Zytme-4fxtfLt" %}
[Typography](/mern-stack/important-css-concepts/typography.md)
{% endcontent-ref %}

{% content-ref url="/pages/-MYIS4G9u\_924GqJyyze" %}
[Box-Model](/mern-stack/important-css-concepts/box-model.md)
{% endcontent-ref %}

{% content-ref url="/pages/-MYlMvp4knJR564LBlIe" %}
[Border-radius](/mern-stack/important-css-concepts/border-radius.md)
{% endcontent-ref %}

{% content-ref url="/pages/-MY8LSKiPJWWUk\_HsRmm" %}
[Block-level vs. Inline Elements](/mern-stack/important-css-concepts/containers-div-span.md)
{% endcontent-ref %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://chnn-anne.gitbook.io/mern-stack/assignments/week-2.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.