GitHub topics: css-flexbox-layout

Repositories

leonism/all-things-digital

Experience the innovation of a mobile-first theme, harnessing the power of Vue, Vite & Tailwind's cutting-edge technology (upgraded to 4.1.7) and complemented by Typography and various other indispensable plugins.

Language: Vue - Size: 9.24 MB - Last synced at: 3 days ago - Pushed at: 4 days ago - Stars: 0 - Forks: 1

angular-split/angular-split

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

Language: TypeScript - Size: 3.33 MB - Last synced at: 2 days ago - Pushed at: 5 days ago - Stars: 904 - Forks: 215

Ekamba/online-resume

The summary of my achievement and studies for the past years till now.

Language: JavaScript - Size: 21.1 MB - Last synced at: about 1 month ago - Pushed at: about 1 month ago - Stars: 0 - Forks: 1

JmAtochePascual/Escuela-Cocina

Escuela Cocina es una innovadora plataforma educativa especializada en artes culinarias, diseñada para transformar la manera en que las personas aprenden y perfeccionan sus habilidades en la cocina. Ofrecemos una amplia gama de cursos que abarcan desde fundamentos básicos hasta técnicas avanzadas de cocina internacional, pastelería artesanal y gast

Language: SCSS - Size: 3.24 MB - Last synced at: about 2 months ago - Pushed at: about 2 months ago - Stars: 0 - Forks: 0

petter-ka/youpez-admin

Customizable free NextGen Angular UI admin platform & template

Language: TypeScript - Size: 7.16 MB - Last synced at: about 2 months ago - Pushed at: 10 months ago - Stars: 146 - Forks: 65

teraprath/simple-ui

CSS Framework

Language: CSS - Size: 144 KB - Last synced at: 24 days ago - Pushed at: over 3 years ago - Stars: 1 - Forks: 0

SajjadYp/Product.Display

Product Display This is my first project using HTML and CSS, where I designed a simple product display page. I focused on layout, styling, and structure, experimenting with Flexbox and Grid. Excited to keep learning and improving!

Language: HTML - Size: 111 KB - Last synced at: 2 months ago - Pushed at: 2 months ago - Stars: 0 - Forks: 0

nathanmontt/RFEP-Testimonial-Cards

Projeto de Frontend do site roadmap.sh

Language: CSS - Size: 10.7 MB - Last synced at: 7 days ago - Pushed at: 3 months ago - Stars: 0 - Forks: 0

itsjavi/css-grid-playground

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

Language: TypeScript - Size: 1.81 MB - Last synced at: 14 days ago - Pushed at: over 1 year ago - Stars: 2 - Forks: 0

Abh1xxx/Woodland-Site-Clone

Woodland Website Clone: A front-end project built using HTML, CSS, and Bootstrap to recreate the homepage of the official Woodland Worldwide website. This project emphasizes Bootstrap’s responsive design features and UI components, serving as a learning exercise to enhance Bootstrap development skills. No backend is involved.

Language: HTML - Size: 11.3 MB - Last synced at: 3 months ago - Pushed at: 4 months ago - Stars: 1 - Forks: 0

JmAtochePascual/CarolinaSpa

CarolinaSpa

Language: SCSS - Size: 2.21 MB - Last synced at: about 2 months ago - Pushed at: 5 months ago - Stars: 0 - Forks: 0

JmAtochePascual/RealState

RealState

Language: SCSS - Size: 3.6 MB - Last synced at: about 2 months ago - Pushed at: 5 months ago - Stars: 0 - Forks: 0

mujahidraj/My-Portfolio-MR

This repository contains the code for my personal portfolio website, designed using HTML and CSS. The portfolio showcases my skills, projects, and experiences, featuring a responsive design optimized for various devices. It's a demonstration of my front-end development abilities and attention to design details.

Language: HTML - Size: 8.59 MB - Last synced at: about 2 months ago - Pushed at: 7 months ago - Stars: 1 - Forks: 0

GustavoSachetto/Site-Android

Site desenvolvido para conclusão do curso HTML5 e CSS3.

Language: HTML - Size: 3.49 MB - Last synced at: 3 months ago - Pushed at: 7 months ago - Stars: 0 - Forks: 0

solaris0051/coffeeShopSample

coffeeshop sample

Language: HTML - Size: 7.7 MB - Last synced at: 3 months ago - Pushed at: 9 months ago - Stars: 0 - Forks: 0

rajvatsal/Admin-Dashboard

Mock admin dashboard

Language: HTML - Size: 47.9 MB - Last synced at: 3 months ago - Pushed at: almost 2 years ago - Stars: 0 - Forks: 0

OmprakashR/-Media-dashboard-

Challenge by frontendmentor are done for Social media dashboard with theme switcher.

Language: HTML - Size: 29.3 KB - Last synced at: 11 months ago - Pushed at: 11 months ago - Stars: 1 - Forks: 0

BoddepallyVenkatesh06/Data-Visualization-Dashboard-MERN-Stack

ata Visualization Dashboard, a web application designed to visualise and analyse data in an interactive and informative manner.

Language: TypeScript - Size: 5.06 MB - Last synced at: 2 months ago - Pushed at: 12 months ago - Stars: 2 - Forks: 0

JamanMinhaj/moni_blogsite

Language: HTML - Size: 390 KB - Last synced at: 12 months ago - Pushed at: 12 months ago - Stars: 0 - Forks: 0

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

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

Language: JavaScript - Size: 32.9 MB - Last synced at: 2 months ago - Pushed at: over 2 years ago - Stars: 25 - Forks: 12

beRajeevKumar/Product_Preview

Product Preview Card Component: A Frontend Mentor project to practice frontend development skills.

Language: HTML - Size: 207 KB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0

Mohamed-AboRahma/sideBar-UI

This is a great experience to build a part of the user interface of any website, which is a sidebar. It is a practical application of HTML, CSS and Javascript.

Language: CSS - Size: 324 KB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0

othmanekahtal/falcon-motors-agency

Falcon Motors | Rental Cars Agency

Language: HTML - Size: 36.5 MB - Last synced at: 3 months ago - Pushed at: over 4 years ago - Stars: 2 - Forks: 2

khwilo/voting-app

A product voting application

Language: JavaScript - Size: 1 MB - Last synced at: about 1 year ago - Pushed at: almost 6 years ago - Stars: 1 - Forks: 1

rubayedhasan/flower-shop

Flower-Shop

Language: CSS - Size: 570 KB - Last synced at: 3 months ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

AsheelAhmedSiddiqui/SMIT-Practical-Website

SMIT Practical For Knowledge of HTML CSS Bootstrap

Language: HTML - Size: 111 KB - Last synced at: 2 months ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

KaustubhVaidya404/html_css_prac

CSS flex understanding and practice

Language: HTML - Size: 1000 Bytes - Last synced at: about 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

ianvemi/flexbox

Portafolio layout using flexbox

Size: 144 KB - Last synced at: over 1 year ago - Pushed at: over 4 years ago - Stars: 0 - Forks: 0

ClaireKarsenti/Launch-Countdown-Timer

This is my solution for the Launch countdown timer challenge on Frontend Mentor.

Language: TypeScript - Size: 1.8 MB - Last synced at: 3 months ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0

paritoshparashar/Etch-A-Sketch

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

Language: JavaScript - Size: 198 KB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 1 - Forks: 0

sky7054/rings-e-commerce

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

Language: HTML - Size: 7.46 MB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

babayaga110/Huddle_landing_page_with_curved_sections

Practice using pseudo-elements for styling extras and the CSS position property for the sections with curved edges.

Language: CSS - Size: 72.3 KB - Last synced at: over 1 year ago - Pushed at: over 3 years ago - Stars: 0 - Forks: 0

alexanderjeurissen/Flex

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

Language: TypeScript - Size: 623 KB - Last synced at: 19 days ago - Pushed at: almost 2 years ago - Stars: 4 - Forks: 0

aarunraj/Jobbyapp

I develop frontend part of jobbyapp web application using ReactJs. username : rahul password : rahul@2021

Language: JavaScript - Size: 1.39 MB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

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...

Language: HTML - Size: 676 KB - Last synced at: 2 months ago - Pushed at: almost 3 years ago - Stars: 2 - Forks: 0

statuja/myNorway_blog

My first touch of web development, using HTML and CSS

Language: HTML - Size: 21.4 MB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

Godswill101/Kitchen

A responsive kitchen website (UI).

Language: HTML - Size: 10.2 MB - Last synced at: over 1 year ago - Pushed at: over 2 years ago - Stars: 2 - Forks: 0

devdesiignn/BuildCo

A Construction company with Elegance and Class 💯

Language: HTML - Size: 4.72 MB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 12 - Forks: 3

aeglon97/PersonalBlog

A mockup of a personal blog website.

Language: HTML - Size: 7.08 MB - Last synced at: almost 2 years ago - Pushed at: over 5 years ago - Stars: 2 - Forks: 1

PlainVisual/Homework-Novi-concept-opdracht

Nice place where my homework develops with Novi - https://landingpage-flexbox.netlify.app/

Language: CSS - Size: 50.4 MB - Last synced at: almost 2 years ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0

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.

Language: JavaScript - Size: 2.08 MB - Last synced at: almost 2 years ago - Pushed at: about 6 years ago - Stars: 2 - Forks: 0

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.

Language: JavaScript - Size: 7.67 MB - Last synced at: almost 2 years ago - Pushed at: almost 2 years ago - Stars: 0 - Forks: 0

pablorgarcia/Guia-rapida-CSS-Flexbox

CSS Diplay Flex

Size: 79.1 KB - Last synced at: almost 2 years ago - Pushed at: almost 2 years ago - Stars: 2 - Forks: 1

adnalp/css-flexbox-row-test

This repo contains a small project where I tested various CSS flexbox row behaviors. Explore code examples and demos that demonstrate how flexbox rows respond to different codes. Improve your understanding of flexbox and enhance your CSS layout skills. Happy coding! (Description generated using ChatGPT)

Language: HTML - Size: 145 KB - Last synced at: almost 2 years ago - Pushed at: almost 2 years ago - Stars: 0 - Forks: 0

Barata-Ribeiro/flexijournal

A relatively simple website developed only with CSS Flexbox during the Flexbox mini-course by Origamid.com.

Language: CSS - Size: 3.47 MB - Last synced at: 3 months ago - Pushed at: about 2 years ago - Stars: 0 - Forks: 0

onanuviie/Wordle-Clone

Wordle Game Clone

Language: JavaScript - Size: 46.9 KB - Last synced at: about 2 years ago - Pushed at: over 2 years ago - Stars: 3 - Forks: 0

MarquinCss/Album-Photo-Kuromi

Álbum de fotos, utilizei fotos da Kuromi de um desenho animado que eu amo!

Language: CSS - Size: 1.42 MB - Last synced at: 3 months ago - Pushed at: about 2 years ago - Stars: 0 - Forks: 0

vladocar/Flex-One

1 CSS Class Layout System made with Flex

Language: HTML - Size: 33.2 KB - Last synced at: 2 months ago - Pushed at: over 6 years ago - Stars: 49 - Forks: 2

NSM722/Responsive-semantically-structured-website

A responsive semantically structured website

Language: HTML - Size: 2.51 MB - Last synced at: over 2 years ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0

felpfsf/barbershop

Um projeto de frontend para melhorar o conhecimento e praticar

Language: CSS - Size: 633 KB - Last synced at: over 2 years ago - Pushed at: about 3 years ago - Stars: 3 - Forks: 0

the1michaelt/CSS-Flexbox-Worksheet-Lab

This is a training exercise, using CSS Flexbox, to position a designated item relative to others nearby.

Language: HTML - Size: 122 KB - Last synced at: about 2 years ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0

devdesiignn/Askr

The World's Best SEO Provider ✔

Language: HTML - Size: 288 KB - Last synced at: about 2 years ago - Pushed at: almost 3 years ago - Stars: 2 - Forks: 0

marverix/flexgrid 📦

flexbox-based grid system for older browsers

Language: CSS - Size: 24.4 KB - Last synced at: over 2 years ago - Pushed at: over 3 years ago - Stars: 0 - Forks: 0

Aditya-Sheokand/Mini-Projects

Mini-Projects of Code-help Classes

Language: HTML - Size: 833 KB - Last synced at: about 2 years ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0

masumbillah99/new-year-new-me

New-year-new-me is a simple planning website. Where I discuss about what I will do this year and what I did last year. Tools used HTML5, CSS, CSS-Flexbox, CSS-Grid layout etc.

Language: HTML - Size: 5.05 MB - Last synced at: about 2 years ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0

smkakitani/odin-landing-page

The Odin Project - landing page (foundation)

Language: CSS - Size: 6.41 MB - Last synced at: about 2 years ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0

Jyri-droid/flex-instructor

CSS Flex instructor for responsive layouts

Language: JavaScript - Size: 6.84 KB - Last synced at: about 2 years ago - Pushed at: over 3 years ago - Stars: 1 - Forks: 0

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.

Language: JavaScript - Size: 1.5 MB - Last synced at: almost 2 years ago - Pushed at: almost 4 years ago - Stars: 2 - Forks: 0

lil-white-shadow/etch-a-sketch

An etch-a-sketch simulator to practice DOM manipulation techniques and CSS flexbox / grid.

Language: CSS - Size: 14.6 KB - Last synced at: almost 2 years ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0

adarshtiwari1998/cornifood-project

Cornifood Project

Language: HTML - Size: 5.87 MB - Last synced at: about 2 years ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0

codewithsaidul/CODE-WITH-SAIDUL

My Personal Portfolio. Full Responsive without Bootstrap

Language: HTML - Size: 67.4 MB - Last synced at: about 2 years ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0

akramAdjab/NFT-preview-card-component

A simple product preview card component code challenge to Frontend Mentor using Flexbox, Animation, and Hover state

Language: SCSS - Size: 104 KB - Last synced at: 6 days ago - Pushed at: almost 2 years ago - Stars: 0 - Forks: 0

lipex360x/css-grid

Display items using CSS GRID

Language: HTML - Size: 343 KB - Last synced at: 3 months ago - Pushed at: almost 3 years ago - Stars: 0 - Forks: 0

farhanhasindipro25/css-flexbox

Concepts and properties of CSS Flexbox with well explained code of appropriate comments

Language: HTML - Size: 3.91 KB - Last synced at: about 2 years ago - Pushed at: almost 3 years ago - Stars: 0 - Forks: 0

prathameshbelurkar/CSS-SCSS-Refresher

CSS-SCSS-Refresher 📓

Size: 1.73 MB - Last synced at: about 2 years ago - Pushed at: almost 3 years ago - Stars: 0 - Forks: 0

nirgeier/CssFlexDemo

You can view the live version here:

Language: HTML - Size: 7.81 KB - Last synced at: about 2 years ago - Pushed at: almost 3 years ago - Stars: 0 - Forks: 0

Lancelotti-beta/flex-and-grid

Penúltimo curso de da trilha de HTM and CSS da @Alura

Language: HTML - Size: 6.5 MB - Last synced at: over 2 years ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0

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

Language: JavaScript - Size: 188 KB - Last synced at: almost 2 years ago - Pushed at: almost 3 years ago - Stars: 0 - Forks: 2

AdaezeIkemefuna/dashboard-with-vanillajs

Admin dashboard using CSS and Javacsript

Language: HTML - Size: 68.4 KB - Last synced at: over 2 years ago - Pushed at: almost 3 years ago - Stars: 0 - Forks: 0

toriola998/Dev-jobs

This is a job board website using a local data.json to retrieve the data.

Language: Vue - Size: 351 KB - Last synced at: almost 2 years ago - Pushed at: almost 3 years ago - Stars: 0 - Forks: 1

Samuel-Amaro/testimonials-grid-section

Desafio da plataforma Front-End mentor, construir uma página com seção de grade de depoimentos.

Language: HTML - Size: 938 KB - Last synced at: 8 days ago - Pushed at: about 3 years ago - Stars: 0 - Forks: 0

aizubair21/Beatls

One page responsibe-website

Language: JavaScript - Size: 6.18 MB - Last synced at: 3 months ago - Pushed at: over 3 years ago - Stars: 0 - Forks: 0

Swap-Nova/Flipkart-Clone-Webpage

Built an e-commerce webpage through the means of cloning the webpage of Flipkart by purely using HTML & CSS

Language: HTML - Size: 2.37 MB - Last synced at: over 2 years ago - Pushed at: about 3 years ago - Stars: 0 - Forks: 0

Matheus-Rodrigues-Araujo/Flexbox-Challenges

This is a repository with the resolution of challenges proposed by the website developer.mozilla.orgdocs

Language: HTML - Size: 2.93 KB - Last synced at: about 2 years ago - Pushed at: about 3 years ago - Stars: 0 - Forks: 0

cholis04/Loopstudios-landing-page

This is my solution to the Loopstudios Landing Page challenge on Frontend Mentor.

Language: CSS - Size: 3.31 MB - Last synced at: 7 days ago - Pushed at: over 3 years ago - Stars: 0 - Forks: 0

Mostakimul/sass2-trillo

The website was designed by jonas. Just a landing page that guided by his course.

Language: SCSS - Size: 5.25 MB - Last synced at: about 2 years ago - Pushed at: almost 4 years ago - Stars: 0 - Forks: 0

Nishkarsh01/newsgrid-website

This is a Website created using HTML, CSS. No Javascript has been used. Through this project, I deep-dived into CSS topics like CSS Flexbox, CSS Grid, Media Queries, Responsive Web-Design, etc. I got to learn a lot and the project was quite fun to develop. Feel free to get ideas.

Language: HTML - Size: 3.23 MB - Last synced at: over 2 years ago - Pushed at: about 4 years ago - Stars: 0 - Forks: 0