flexbox-grid

There are 577 repositories under flexbox-grid topic.

  • flutter_flexbox_layout_manager

    Language:Dart5

  • zeus

    A novel mobile first flexbox BEM css grid.

    Language:CSS15

  • Travel-Landing-Page

    Responsive Travel Landing Page build with Next JS

    Language:TypeScript14

  • 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:CSS13

  • IliaKani

    🛠️ Welcome to my GitHub Workspace: where code, creativity, and caffeine collide ☕ Here, adaptive layouts take flight 🚀 and JavaScript becomes my magic wand 🪄 Debugging? More like leveling up! 🎮

    12

  • Web-project

    Web programming blog project with Django

    Language:Python11

  • 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:SCSS10

  • yard-frontend

    🔥 Real Estate web app

    Language:JavaScript10

  • learn-flexbox

    Learn Flexbox

    Language:HTML9

  • 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:CSS9

  • 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:HTML8
  • netflix-start-page-clone

    netflix-start-page-clone

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

    Language:HTML8

  • 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:HTML8
  • LEGRID

    LEGRID

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

    Language:HTML8

  • semantic-flex-grid

    :white_square_button: Semantic flexbox grids in Sass

    Language:CSS8

  • Portfolio-AM

    Portfolio : setting up a desktop & mobile version

    Language:JavaScript7

  • gridocss

    Flexbox CSS Grid made with SCSS

    Language:HTML7

  • flexcssable

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

    Language:CSS7

  • MyPortfolio-website

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

    Language:CSS6

  • template-html-css-04

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

    Language:HTML6

  • turbina

    frontend of 'TURBINA' project

    Language:JavaScript6
  • funko-grid

    funko-grid

    Simple Responsive Grid

    Language:HTML6
  • fylgja-flex-grid

    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:SCSS6

  • Frontend-for-Dummies

    A beginners guide to Modern Frontend Development on web platform

    6

  • Cattle-Grid

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

    Language:CSS6

  • russian-travel

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

    Language:HTML5

  • bs4-holygrail-layout

    A Holygrail Layout for Bootstrap 4

    Language:HTML5

  • react-material-starter

    ReactJS + MaterialUI starter

    Language:JavaScript5

  • Double-E-Foundation

    A starter theme for WordPress using Zurb Foundation 6.

    Language:SCSS5

  • 5-Day-Coding-Challenge

    I am documenting my journey through the Code Institute's 5-Day Challenge! Tasked with creating an engaging webpage teaching "How to make tea?" using HTML, CSS, and JavaScript, I embarked on this coding adventure. In addition to tackling the challenge prompts, I seized the opportunity to develop my own unique webpage as part of the challenge.

    Language:HTML4

  • shecodes

    shecodes practice yoga page made with html and css

    Language:HTML4
  • plugui

    plugui

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

    Language:SCSS4
  • base-css

    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:CSS4

  • fdmg-css-grid

    FDMG CSS Grid with Flexbox fallback

    Language:TypeScript4

  • react-jss-grid

    React JSS Grid a flexbox grid.

    Language:JavaScript4

  • superior

    Ultra flexible scss grid system

    Language:CSS4