28 May 2022
You can make the background color of a div transparent using CSS color values with transparency(rgba() and hsla()) or using opacity property. Make Background Color Transparent Start by creating a div with a background image. Then add another div that sits over the div with background image. <div class="back-container"> <div...
Read more
21 May 2022
Adding a background image to your website can help capture your website visitors attention. A background picture also focuses the attention of the readers to the text appearing ontop the image. With CSS you can easily add one or more background images to your website. How to Insert Background Image...
Read more
30 Apr 2022
A contact form requires/ needs to collect atleast three things a name, an email address, and a message. Instead of an email address you can collect a phone number or both. Let us start building the contact form. Creating a Contact Us Form in HTML We are going to start...
Read more
11 Jan 2021
You can add borders to a parts of a webpage in two ways: Using CSS border property. Using CSS border-style, border-width, and border-color properties. The border is a line that occurs between the padding and margin in HTML and CSS. Using CSS border property. The easiest way to create a...
Read more
26 Feb 2020
If you are having a challenge adding images to a codepen project, this post is for you. I will show you how to add pictures on your codepen project whether you have a free or a Pro codepen account. How to add images in HTML Codepen You should have your...
Read more
25 Nov 2019
You can create real world projects using project-based HTML and CSS tutorials. All you have to do is choose one of the 15 projects and follow the tutorial to created it. There are a lot of courses that teach HTML and CSS online. However most of them usually teach based...
Read more
19 Aug 2019
We use flexbox because we want to: display a collection of items in either the horizontal or vertical direction. control the dimensions of the items in that one dimension(horizontal or vertical) of your choice. control the spacing between the items. centering items. 1. Display a group of items(vertically or horizontally)...
Read more
11 Aug 2019
There are two steps you can use in order to improve your HTML and CSS skills: Practice HTML and CSS using the knowledge you already know by building projects. Identify the gaps in your knowledge and filling them in. HTML and CSS are languages that you can pick up fast...
Read more
09 Jun 2019
HTML was the first technology that first powered the first website. Those websites had very minimal features. Today, HTML and CSS are still in use and they do so much more. Today we will look at what each of them does. HTML USES First of all html is the base...
Read more
16 Feb 2019
When you create a webpage, and it is loaded on the browser, everything looks good. However, when the user interacts with your webpage, the perfect look may change or become distorted. There are two ways you can go about doing this. So, you want to make changes to the amount...
Read more