Our Site

While everyone is busy making their personal site, I made the site of the State, This isn’t your average personal site, the state owns this one.

I am a react developer so I know html and css pretty well, but it has been a long time since I made a static html site so I decided to make one for the Personal Site Mission!!!

The site 5 main sections, but out of those 2 are headers and footers whom I dont count as sections.

• Header - It is a simple box with a h1 and a p tag and text align center to center everything.

• About - It is a flex box with two elements, a span to hold the image and div to hold the text

• Main grid - It is grid layout with the column template property set to grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); to make this responsive. The number of columns inside the grid are dynamically adjusted with the screen size such that the columns inside the grid are not narrower than 260px and if there is extra space, it is divided equally to all the columns of that row.

• Contact - This is a flex column container with 2 elements, one is the main title labelled as Contact Us and a text underline property and the other element is another flex with three anchor tags linked to my respective social media handles

• Footer - It is basic footer element, basically flex box with the text inside centered and a border color of red

In the css I used variables to set the color pallete of the site perfectly, it is a warm color pallete that fits the soviet and communist aesthetic perfectly

Also I dont really like css, I wanted to use tailwind but I didn’t knew if it was allowed or not so I ended up using css, which is very time consuming and repeating, tailwind is so much better!!!