Development Web Development CSS

Create Interactive Portfolio Grid using CSS and HTML

Become Expert In Creating Modern and Interactive CSS Widgets for Websites & Learn CSS Pseudo Class Selectors
Rating: 3.9 out of 5 (84 ratings)
5,492 students
Created by Ravikumar R
English
Enroll now
Create Interactive Portfolio Grid using CSS and HTML
Rating: 3.9 out of 5 (84 ratings)
5,492 students
Buy now
Learn Creating CSS Interactive Portfolio Grid Layout
Learn CSS Basics
Learn Creating CSS Click Functions
Learn Position Property in CSS
Learn Utilize pseudo Selectors
Learn Complex Pseudo Class Selectors properties in CSS
How to Create Special Effects using CSS
Learn to Use Gradient Background In CSS

Requirements

  • A Basic Understanding of HTML and CSS
  • Computer With Internet
  • Desire to learn Advanced CSS and HTML
  • Any Web Browser like Chrome, Mozilla Firefox

Description

After this course, you will be able to Build Interactive Portfolio Grid using only CSS and HTML and Learn How to achieve Click Event Without JavaScript or Any JS library. This skill will definitely enhance your creativity creating widgets for website using CSS and HTML, Which surely make you unique in your profession and achieve better productivity.

You will be more creative in work after finishing course and you will learn how to create Modern and Interactive widgets for website and WordPress.

People who are just beginners in CSS and HTML or Experienced wants to be more creative in building widgets for modern websites can enroll this course.

Who this course is for:

  • CSS Beginners
  • Anyone Who Wants to Start Front End Developer Career
  • Anyone Who Wants to Update In CSS
  • Anyone who wants to Create Interactive Widgets
  • Anyone Interested In Learning CSS Should Take This Course
  • Students / Web Developers / Web Designers

Course content

1 section • 7 lectures • 50m total length

  • 1. Introduction and Set Up
    03:31
  • 2. Create HTML Markup for Portfolio Grid
    06:56
  • 3. Adding Images to Grid
    02:59
  • 4. Styling Grid Layout Using CSS
    06:30
  • 5. Styling Detail Section Using CSS
    09:34
  • 6. Styling Arrow of the Detail Section
    10:03
  • 7. Adding Click Effect Using Only CSS
    11:06

Instructor

Ravikumar R
Professional Front End Web Developer
Ravikumar R
  • 4.1 Instructor Rating
  • 88 Reviews
  • 5,654 Students
  • 2 Courses

My name is Ravikumar R and I'm a Front End Web Developer working for more than 7 years and I love everything that has to do with Web Design & Development.

I have worked with top MNC's and worked on hundreds of web projects for so many global clients which are absolutely unique in design and concept and I like coding and learning new in web every day.

Teaching and spreading knowledge to someone that i have gained is a great thing in this world, so its my pleasure to teach you the best of my web development skills.