# Day 3
## Social Media Site (Part 1)
{% hint style="info" %}
Ask your **Day 3 Questions**[ **on** **Parthean Community**](https://platform.parthean.com/Home?c=d5788cdc-759d-44f6-bf32-9745611be7f0\&v=3a0e9a7b-6b97-4045-b84e-e5a2c229dac0).
{% endhint %}
## Directions
Edit your starter code (see below) to create a social media site that looks like the photo above.
Like yesterday, you should use your own names and posts 😁
{% hint style="warning" %}
The site shouldn't actually do anything -- we'll work on that tomorrow. For now, just make it look like it does on the screen above.
{% endhint %}
### Starter Code \[[download](https://drive.google.com/open?id=1l6zjNwUNJGwUv7A4aNNKWAQZg4yn3vYR)]
Create a folder called `day_3` and create two files inside of it:
> `day_3`
>
> > `index.html`
> >
> > `styles.css`
Now, copy this paste this code into them:
{% tabs %}
{% tab title="index.html" %}
{% code title="day\_3.html" %}
```markup
Status Poster
```
{% endcode %}
{% endtab %}
{% tab title="styles.css" %}
{% code title="styles.css" %}
```css
/* Your css code here */
```
{% endcode %}
{% endtab %}
{% endtabs %}
## Resources
No new videos or notes today -- just you and the internet 😁
Web developers use the huge, publicly available sources of information both to find out how to write code and how to solve problems that they encounter, commonly called debugging. Today, and in the days to come, we'll be getting some practice with that. You have seen a lot of the code you'll use, but you'll need to find some new things. If you're wondering how to make two html blocks go next to each other, just search:
As usual, we're here to help when you get stuck, so:
{% hint style="info" %}
Ask your **HTML and CSS Questions**[ **on** **Parthean Community**](https://platform.parthean.com/Home?c=d5788cdc-759d-44f6-bf32-9745611be7f0\&v=3a0e9a7b-6b97-4045-b84e-e5a2c229dac0).
{% endhint %}
{% hint style="success" %}
Want to show off your work? [Post your results on Parthean Community](https://platform.parthean.com).
{% endhint %}
---
# 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://parthean.gitbook.io/web-dev-in-10-days/day-3.md?ask=
```
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.