Skip to main content



Basic CSS rules i must know

I came up with this topic this time because, often my friend and me confuse when we found a layout bug.

Layout Bug
Layout bug i mean is a situation where the html and css we wrote not reflect the layout design as expected. Here is the example:

Image above shows that there are 2 things. First, the yellow box area we can call it 'banner'. Second, the orange button we can call it 'cta button'. Banner is the container and parent for the cta button. The cta button should be only within or inside the banner but a layout bug happen where the orange button when out the container out of control. It's happen because  of the button is using A tag.

A tag is one of inline elements. Inline elements are made to provide some function without affecting layout. Inline elements are very good to be used in preparing web contents.

In this situation, A tag is still better than BUTTON tag because cta button is normally a link either link to contact form or an anchor link to email subscri…

Latest Posts

How to free up macbook storage

Do this if Magento2 ignore your changes

Requirejs for Php in Wordpress Theme Development

Serialize Form to Object in Typescript using Rxjs

Running native PHP in AWS Lambda

Avoid Autofill on the Woocommerce Checkout Shipping Address

Automatic Make Public on Google Cloud Storage Object

Deploy PHP App using GCP Cloud Build

Solve DEADLINE_EXCEED error while deploying app with gcloud

Ionic - Force change and refresh tab root