C

CSS Grid

This project is a responsive webpage built using HTML and CSS to demonstrate modern web design techniques. The page adapts seamlessly to different screen sizes using CSS Media Queries, ensuring an optimal viewing experience on mobile, tablet, and desktop devices.

The webpage features a mobile-friendly navigation menu, a responsive project showcase section created with CSS Grid, and a clean card-based layout. The navigation automatically adjusts based on screen size, while the project cards reorganize themselves into different grid layouts to make efficient use of available space.

Key Features:

Responsive design using CSS Media Queries Mobile-first approach Mobile navigation menu built with pure HTML and CSS CSS Grid layout for responsive project cards Flexbox for navigation alignment Responsive images Optimized for mobile, tablet, and desktop screens Bootstrap Icons integration

25-cell React ‘dancefloor’ with Start/Stop auto-shuffle (700ms) and one-shot ‘Change Colors’; clean hooks + CSS Grid; zero extra deps.

Esta es una maquetación de lo que será una página web de compras.

Simple web page with photos and fun facts about red pandas. This is a practice project created for the freeCodeCamp Responsive Web Design course.

A Flexbox powered grid system.

Photoblog is a project made to practise CSS Grid. It was homework during Codecademy's CSS Intermediate Course. All presented photos are mine :)

Projet 3 "Ohmyfood" Openclassrooms

Page: https://ackheron-openclassrooms.gitlab.io/christopheromand_3_211021/

Sailor CSS is a small and customizable layout-focused CSS library. It includes a fraction-based spacing system, CSS grid and Flexbox utility classes in addition to a few useful extras.

agregar y mostrar