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…
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…
