CSS

One of the strengths of styled components is adapting styles based on the props. Props in Styled-components can be utilized to make changes, dynamically and conditionally, with JavaScript. You can also use predefined special props to change the override the HTML tags creating. If you stumble upon this post, I encourage you to have to […]

What is styled-components? In simple terms, it is a component that you can use in React applications. The purpose of the Styled- component is to create a specific HTML element and apply the CSS styles for it. As it is a component, you can use JavaScript syntax within your style component. Before you learn the

Have you ever noticed that while scrolling down a web page, the background image becomes blurred, and then a new image appears in the foreground? Have ever wondered how to make a background image blurred and then pop up your image on your portfolio? In this post, we are going to learn this effect just

As a developer, you may have been in a situation to create Image galleries/slides to showcase movies, books, etc… Most of the time these Image galleries should fit into small, medium, and large screen sizes. While you can use CSS frameworks such as Bootstrap or Materialize, with CSS Grid Layout you can create a simple