css-flexbox-layout

There are 0 repository under css-flexbox-layout topic.

• angular-split / angular-split

  🍌 Angular UI library to split views and allow dragging to resize areas using CSS flexbox layout.

  angularcss-flexbox-layoutflexboxsplit-areasplit-pane
  Language:TypeScript 813
• youpez-admin

  petter-ka / youpez-admin

  Customizable free NextGen Angular UI admin platform & template

  angularangular-adminangular-admin-templatestarter-kitangular-starterangular-starter-kitcarbon-design-systemadmin-uitemplatestarter-templatepremium-contenttailwindcsscss-flexbox-layoutsasstypescriptangular-dashboard-templatedata-visualizations
  Language:TypeScript 117

• vladocar / Flex-One

  1 CSS Class Layout System made with Flex

  csscss3css-frameworkcss-flexboxcss-layoutcss-flexbox-layoutcss-flexible-grid
  Language:HTML 49

• rvvergara / advanced-web-developer-bootcamp-notes-examples-and-exercises

  Examples and Exercises compiled. From the awesome Advanced Web Developer Bootcamp

  htmlhtml5csscss3css-gridcss-grid-layoutcss-flexboxcss-flexbox-layoutcss-flexible-gridweb-developmentweb-designajaxasynchronouses2015object-oriented-programmingjavascript
  Language:JavaScript 26
• BuildCo

  devdesiignn / BuildCo

  A Construction company with Elegance and Class 💯

  construction-companylanding-pagedesktopmobile-webresponsive-designuidesignhtml-csscss-flexbox-layout
  Language:HTML 21
• Whatsapp-Web

  AliAlmasi / Whatsapp-Web

  Whatsapp Web - CSS Flexbox Only

  cssflexboxwhatsapp-webcss-flexcss-flexboxcss-flexbox-layoutcss3cssflexcssflexboxflexflexbox-csswhatsapp-chatwhatsapp-clone
  Language:HTML 6

• khwilo / voting-app

  A product voting application

  reactjsreactnetlifywebpackbabelcss-flexbox-layoutcss-grid-layoutflexboxgrid
  Language:JavaScript 6

• othmanekahtal / falcon-motors-agency

  Falcon Motors | Rental Cars Agency

  youcodesimplonalan-turingfalcon-motorscss-gridcss-flexbox-layoutresponsive-designsass
  Language:HTML 5

• alexanderjeurissen / Flex

  A declarative React primitive Flex component that exposes flexbox specification in JSX

  styled-componentsstyled-systemjsxreactcsscss-flexcss-flexboxflex-componentflexbox-specificationcss-flexbox-layoutcomponentprimitive
  Language:TypeScript 4
• Askr

  devdesiignn / Askr

  The World's Best SEO Provider ✔

  agency-websitecss-flexbox-layoutdesktopfrontend-webgrid-layouthtml-csslanding-pagemobile-webresponsive-designsassuidesign
  Language:HTML 3

• onanuviie / Wordle-Clone

  Wordle Game Clone

  css-animationscss-flexboxcss-flexbox-layoutcss3html5javascriptjavascript-gameclonewordlewordle-clonewordle-game
  Language:JavaScript 3

• pablorgarcia / Guia-rapida-CSS-Flexbox

  CSS Diplay Flex

  flexboxcss-diplay-flexcsscss-flexboxcss-flexcss-flexbox-layoutcss-flexbox-grid
  3

• abhisekill / Heroki

  Multipage Cloud Hosting Platform website using pure HTML5 and CSS3

  css-animationscss-flexbox-layoutcss-grid
  Language:HTML 2

• aeglon97 / PersonalBlog

  A mockup of a personal blog website.

  web-designweb-developmenthtmlhtml5csscss3css-gridcss-flexboxcss-flexbox-layoutudacityudacity-nanodegreeudacity-frontend-nanodegreefrontendfront-end-developmentblog-themeblog
  Language:HTML 2

• felpfsf / barbershop

  Um projeto de frontend para melhorar o conhecimento e praticar

  css-flexbox-layouthtmlhtml-css-javascript
  Language:CSS 2

• GeekyHacks / AwesomeBook

  This Repo will include detailed steps on how to create a book store using ap. It was created with HTML,CSS, and JS.

  capstone-projectcsscss-flexbox-layouthtmljavascriptcss-html5-js-css-gridproject-microverse
  Language:JavaScript 2

• Godswill101 / Kitchen

  A responsive kitchen website (UI).

  html-css-javascriptcss-animationscss-flexbox-layoutcss-gridcss-variablescss3
  Language:HTML 2

• harpality / all-my-books

  Full-stack app that searches, saves, and deletes books of interest using the Google Books API. Built with React, Express, Node.js, and MongoDB.

  reactreact-routerexpressnodemongodbcss-flexbox-layoutaxiosresponsive-layout
  Language:JavaScript 2
• coding-bootcamp-testimonials-slider

  JadhavSuraj7rk / coding-bootcamp-testimonials-slider

  Frontend Mentor | :one: - Coding bootcamp testimonials slider

  css-flexbox-layoutsmooth-slider
  Language:CSS 2

• sofiane-abou-abderrahim / html-css-basics-travel-landing-page

  I built a pretty travel landing page using HTML & CSS basics. Therefore, I implemented a HTML semantic strucure with convenient navigation bar and a logo. I also worked on the CSS layout of the website, using flexbox and the grid. Besides that, I imported normal images and background images as well. Then, I created a header positioned above the background image thanks to the positioning elements concept. Finally, I applied the default document flow and broke this default view with position absolute and position fixed. But, that's not it: I used selected properties, such as object fit to style the images properly...

  background-imagecss-flexbox-gridcss-flexbox-layoutcss-grid-layoutcss3html5imageslanding-pagelogonavigation-barobject-fitposition-absoluteposition-elementsposition-fixedsemantic-structure
  Language:HTML 2

• StanleyDip / mobo-tech

  An ecommerce website implemented with react and react-router-dom and a json package that consists of all the information as well as the images of the products. Later react redux will be add and a login and signup form.

  reactcss-gridcss-flexbox-layoutjson
  Language:JavaScript 2

• jaydeepnasit / FlexBox-Card

  Create Responsive Flex Card Using CSS/CSS3

  css-flexboxcss-flexbox-layoutflex-layoutflexboxflexbox-cssflexbox-gridflexbox-layout
  Language:HTML 1

• Jyri-droid / flex-instructor

  CSS Flex instructor for responsive layouts

  css-flexboxcss-flexbox-layoutresponsive-layout
  Language:JavaScript 1
• Etch-A-Sketch

  paritoshparashar / Etch-A-Sketch

  Browser version of something between a sketchpad and Etch-A-Sketch.

  css-flexbox-layoutdom-manipulationhtmljavascipt
  Language:JavaScript 1

• sassyelements / sassy-flex-grid

  A very simple and lightweight grid system based on CSS Flexbox.

  css-flexboxcss-flexbox-gridcss-flexbox-layoutscss-framework
  Language:SCSS 1

• teraprath / simple-ui

  CSS Framework (In progress)

  csscss3css-flexboxcss-flexcss-flexbox-layoutcss-flexbox-gridscsssassscss-frameworksass-frameworkcss-frameworkcss-frameworksmoderncleansimple
  Language:CSS 1

• vii120 / flexbox-playground

  React CSS flexbox playground

  css-flexboxcss-flexbox-layoutflexboxplaygroudreact
  Language:JavaScript 1

• vijayharshamade / jobbyappnew

  https://vhjobby.ccbp.tech In this project I built Jobby app using react , Javascript , Css flexbox layout, Html. Credentials: username: rahul , password: rahul@2021

  css-flexbox-layouthtml5javascriptreactjsresponsive-web-design
  Language:JavaScript 1

• Salf1-Sabit / Responsive-Layout-Design-Challenge

  Demonstrating a pixel-perfect, responsive layout using BEM naming conventions, Flexbox, and mobile-first design principles. Includes mobile and desktop navigations, ensuring seamless adaptability across devices.

  bem-namingcss-flexbox-layoutlanding-pagemobile-first-design
  Language:HTML 0

• AsheelAhmedSiddiqui / SMIT-Practical-Website

  SMIT Practical For Knowledge of HTML CSS Bootstrap

  csscss-flexboxcss-flexbox-layoutcss-gridcss-grid-layoutcss3htmlhtml5
  Language:HTML

• itsjavi / css-grid-playground

  Interactive CSS Grid Layout tool: Edit, view real-time changes, and share prototypes. Includes some helpful presets to get started.

  css-flex-gridcss-flexboxcss-flexbox-gridcss-flexbox-layoutcss-gridcss-grid-layoutplayground
  Language:TypeScript

• KaustubhVaidya404 / html_css_prac

  CSS flex understanding and practice

  csscss-flexcss-flexbox-layouthtml5
  Language:HTML

• ranawebpro / Trailer-Preview

  "Trailer Preview" is a sleek and engaging project designed to showcase movie trailers in a captivating and user-friendly manner. With an intuitive interface, users can easily access trailers and enjoy a seamless viewing experience. The project focuses on simplicity and elegance, offering a preview of the movie world right at your fingertips.🎬🍿

  cross-browser-compatibilitycss-flexbox-layoutaccessibility-in-web-designcustomizing-web-page-componentshtml-video-elementtrailer-previewweb-design-trendsweb-page-transitions
  Language:CSS

• rubayedhasan / flower-shop

  Flower-Shop

  css-flexcss-flexboxcss-flexbox-layoutcss3html-csshtml5
  Language:CSS

• sky7054 / rings-e-commerce

  https://sky7054.github.io/rings-e-commerce/

  css-flexboxcss-flexbox-layoutcss-griddom-manipulationhtml5javascriptmedia-queries
  Language:HTML

• stevehotcodes / social-media-dashboard

  social media dashboard

  css-flexbox-layouthtml
  Language:HTML