flexbox-grid

There are 547 repositories under flexbox-grid topic.

  • Basir-Mohammadi/Capstone

    Microverse Module 01 Project: This is an educational project designed to teach Micronauts how to make a website that highlights and showcases samples of some of the best work, learning progress and academic achievement in software development.

    Language:CSS13110
  • MatinHosseinianFard/Web-project

    Web programming blog project with Django

    Language:Python11100
  • barbagrigia/yard-frontend

    🔥 Real Estate web app

    Language:JavaScript10312
  • randyviandaputra/learn-flexbox

    Learn Flexbox

    Language:HTML9206
  • valmisson/gridi

    A utility-first CSS framework, build to quickly design and structure responsive sites with classes like flex, flex-column, justify-center, grid, col-span-2...

    Language:SCSS9201
  • nitely/semantic-flex-grid

    :white_square_button: Semantic flexbox grids in Sass

    Language:CSS820
  • LEGRID

    pafnuty/LEGRID

    LEGRID — Простая, удобная и эффективная сетка на FlexBox.

    Language:HTML8564
  • Shanisoni/Infosys-CSS

    Embark on a CSS adventure! Explore fundamental components like: 🌈 Color Alchemy: 📐 Layout Wizardry: responsive layouts, Flexbox, and Grids ✨ Animations & Transitions: 🧩 Flexbox & Grid Chronicles: 🛠️ Troubleshooting Arsenal:

    Language:CSS810
  • alisharify7/Html-Page

    Some page For Trian Html&Css - All sample pages that are available in this repository are inspired and made from popular sites and all pages are responsive

    Language:HTML7103
  • andym80/Portfolio-AM

    Portfolio : setting up a desktop & mobile version

    Language:JavaScript7120
  • bytebeatbox/heaplinker.github.io

    Heaplinker is a platform that spreads multilingual digital writings with the motto of "think and make". It has been made in a very similar way to Medium. Just as Medium is an open platform of writings on many subjects, here Heaplinker is also a platform where contains a variety of topics, especially technical ones for digital publishing. Special emphasis will be given on technical issues here. Its main purpose is to spread ideas, information, and deepen understanding of technical knowledge, and to publish posts in both English and Bengali language. For now, all posts here are in English. Currently, only the owner of the site, i.e. the admin, has the access to the dashboard page where the admin can add posts. The post is given through the dashboard, it's called "content management system" or CMS. Other users are not allowed to access this page, they can only access the blog posts. Since the CMS is a huge development issue, so only the admin can add posts for now. But later other users will also be able to add posts in both English and Bengali language when the CMS will be more developed. The dashboard page is designed in such a way that the admin can add a post without any programming knowledge. There is a template on the dashboard page, if one wants to add a new post, he will just have to fill it with texts and images in that template. According to the default design of the site, the post will automatically be added perfectly. It has been created this way for the time being as the CMS is not advanced yet. If one enters the dashboard for the first time without logging in, it will show the default view of Heaplinker. Once the user has logged in, it will show the user's picture and details. The next time someone login, he will have to enter the email and password, then another page will be shown where the user can add a post. The dashboard page is not responsive yet, but the index page and post pages are entirely made responsive. There are both desktop view and mobile view for the index and post pages. On the mobile view, there is an option "menu" where different pages and language option buttons can be selected. On the other hand, on the desktop view, the language option button is at the top of the page, and other options are at the right sidebar. The sidebar is made sticky by scrolling down depending on the height of the screen.There are created many postcards on the index page that have a hover effect through scaling and shadow. In the main navigation bar, there appears the cover caption of the posts as a carousel.The post page shows heading, sub-heading, cover photo, article, and other details about that post. On the post page, there are options for response and clap that will be shown stickied at the left side of the screen. It will be disappeared by scrolling down when the footer will appear. There is an option called "Translation of" on the dashboard page, that will contain the reference id of the previous post which will be translated at that time.

    Language:HTML70
  • CodyReeves/css-grid-system-library

    A lightweight grid system library. Includes a flexbox grid, a CSS Grid system, and a flexbox masonry grid. Each grid is optional. Written in SCSS. Available in SCSS and CSS.

    Language:CSS7311
  • giovannibieller/gridocss

    Flexbox CSS Grid made with SCSS

    Language:HTML7100
  • ceryni173/Cattle-Grid

    Extremely lightweight, basic flex grid built from a simple sass mixin

    Language:CSS6100
  • faisalakb/MyPortfolio-website

    In this project use HTML5, CSS3, Flexbox, Bootstrap to build the landing page for Portfolio

    Language:CSS6130
  • fylgja-flex-grid

    fylgja/fylgja-flex-grid

    Create a complete grid using flexbox. And only set the columns you need. Making it even smaller than other flex grids.

    Language:SCSS6310
  • netflix-start-page-clone

    Luk4x/netflix-start-page-clone

    Ⓝ Netflix Home - Netflix Home page clone | Javascript, CSS and HTML.

    Language:HTML6201
  • techo-man/flexcssable

    A simple CSS Flex lib which helps anyone to build a responsive HTML5 layout

    Language:CSS6104
  • web-development-guide/Frontend-for-Dummies

    A beginners guide to Modern Frontend Development on web platform

  • doubleedesign/Double-E-Foundation

    A starter theme for WordPress using Zurb Foundation 6.

    Language:SCSS5311
  • ia-stepanov/russian-travel

    Фронтенд проекта «Путешествия по России» — это одностраничный сайт с адаптивной вёрсткой для разных устройств. Stack: HTML5, CSS3, БЭМ, Flexbox, Grid Layout, Figma.

    Language:HTML5100
  • jbsmith731/superior

    Ultra flexible scss grid system

    Language:CSS5211
  • MacKentoch/react-material-starter

    ReactJS + MaterialUI starter

    Language:JavaScript5202
  • merrymaker/bs4-holygrail-layout

    A Holygrail Layout for Bootstrap 4

    Language:HTML5323
  • mouatezbenariba/template-html-css-04

    Elzero Web School HTML/CSS Template 04 Challenge Solution : Elzero Dashboard - Elmouatez Billah Benariba

    Language:HTML5203
  • funko-grid

    OriginalFunko/funko-grid

    Simple Responsive Grid

    Language:HTML5600
  • shabrina12/Travel-Landing-Page

    Responsive Travel Landing Page build with Next JS

    Language:TypeScript5103
  • sudo-mode/turbina

    frontend of 'TURBINA' project

    Language:JavaScript52464
  • chicacode/shecodes

    shecodes practice yoga page made with html and css

    Language:HTML4100
  • CODE-AXION/Responsive-Footer-With-Html-CSS

    A Responsive Footer With Html And CSS For Your Website

    Language:CSS4101
  • FDMediagroep/fdmg-css-grid

    FDMG CSS Grid with Flexbox fallback

    Language:TypeScript4800
  • base-css

    markteekman/base-css

    Responsive front-end HTML and SCSS starter template using a simple Flexbox Grid, basic Design System patterns and ES6 support for writing JavaScript functions. Powered by Gulp.

    Language:CSS4101
  • plugui

    plug-ui/plugui

    PLUG UI a collection of CSS only Pluggable & Lightweight UI Elements

    Language:SCSS44
  • itamarpambo751/CNETFIBRA

    Site cnetfibra clonado com HTML e CSS, relembrando como é programar usando HTML, CSS e Javascript, principios de responsividade, flex-box e template grid!