How do I make this layout with CSS ?

• layoutit-grid

  63 1,544 0.0 Vue

  Layoutit grid is a CSS Grid layout generator. Quickly draw down web pages layouts with our clean editor, and get HTML and CSS code to quickstart your next project.

  

Since you are using figma you can try to export project as a HTML/CSS. This can be a first approach. On other hand, try to use grid generator e.g https://grid.layoutit.com/ or https://cssgrid-generator.netlify.app/

• gridgarden

  67 3,090 5.1 JavaScript

  A game for learning CSS grid layout 🥕

• SurveyJS

  surveyjs.io featured

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• webdevamin

  48 18 7.3 JavaScript

  My freelance web agency website

By using grid. there are two rows: the one with a slide coming from left with light blue background and the second one with three columns, from left to right - text, slide with red background and last slide with yellow background. My portfolio website also has almost the same structure: red slide coming from left with vertical title on top of it and text with image next to it.

Suggest a related project