> For the complete documentation index, see [llms.txt](https://madeindonesia.gitbook.io/mi-guide/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://madeindonesia.gitbook.io/mi-guide/frontend-things/frontend-guide.md).

# Frontend Guide

**Please read and remember these are things that the frontend needs to pay attention to and do in development.**

* Image cannot be blurred and large in size.
* convert extensions image to webp (the aim is to increase page speed google score).
* Pay attention to Responsiveness from the smallest cellphone (320px) - desktop (2560px).
* Pay attention to SEO \
  (this article is about writing tag h1, h2 , .., h6 -> <https://pandagila.com/heading-tag-h1-h2-h3-h6-seo-friendly/> ). ([https://app.gitbook.com/o/4oB7KqWUH2UqGRcRqnYe/s/705N8OeBYBxKGzhvaDVF/\~/changes/QqKyqT1vz6s5Ty9niYC1/seo](/mi-guide/seo.md))
* Please check the web in safari browser, chrome browser and mozilla browser.
* Standard writing code ( Elementor -> code in theme ) & ( Divi in custom CSS Global).
* Make a website as close as possible to the design.
* Make sure the website that we use can use the name MadeIndonesia or not? if not make sure to change all Madeindonesia names (theme name, email and others).
* Don't forget to backup if you directly change on the live website.

**Don't be shy to ask if you're confused or don't know something. keep good communication and enjoy your work. ^-^**