Moses Meraz

Digital Designs

self-image

Miniproject-1

This was the first coding project we were tasked to do. For this project we were tasked with coding a website only using HTML.

self-image

Miniproject-2

For this project, we copied the same HTML code from project-1 and added CSS rules.

self-image

miniproject-3

For this project we were tasked with organizing sections of Mr. Potatohead using absolute positions.

self-image

Miniproject-4

In this project we duplicated miniproject-2 and added block level elements to the already existing HTML. I also applied CSS Grid for columns and rows for the block levels.

self-image

Miniproject-5

In this project we were tasked with adding media queries to change the CSS so thereā€™d be different layouts for mobile, tablets, and desktop.

self-image

Narrative Project

In this project we created a website that expresses a fictional or non-fictional story about a person or event. Mine went in a skrollr direction and was about King Baldwin IV.

self-image

Recipe Project

This project included making a one-page responsive site for a recipe of my choice. The website also included media queries, flex box and CSS grid.

self-image

Sonnet Project

In this project we were tasked with formatting and stylizing ten selected sonnets by William Shakespeare in a one page HTML document with an external CSS stylesheet.