Giter VIP home page Giter VIP logo

fortify-exploring-layouts's Introduction

Fortify: Exploring Layouts

This assignment is designed to deepen your understanding of web layouts, focusing on how web pages are structured and sectioned. Through hands-on practice, you will explore different layout patterns.

Repository Structure

This repository is divided into three parts, each aimed at challenging you in different aspects of layout design:

0. Guided Tutorial

  • Objective: Replicate the "Holy Grail" layout.
  • Instructions: Follow the guided steps to create the Holy Grail layout multiple times. This exercise is designed to help you get comfortable with CSS Grid.
  • Path: 0-guided/

1. Challenge

  • Objective: Recreate various grid layouts.
  • Instructions: Use the skills you've developed to replicate several grid layout designs provided in this section.
  • Path: 1-challenge/

2. Submission Work

  • Objective: Recreate a landing page from an image.
  • Instructions: Using the provided styles and assets, recreate a specified landing page. Focus on accurately reflecting the design and layout.
  • Path: 2-submission_work/

Resources

Submission Guidelines

You have two options for submitting your work:

Option 1: Active Website Submission

  • What to Submit: A link to your repository and the live site, demonstrating navigation and operational features as if it were a real website.
  • Where to Work: Complete your work in the submission_work directory.

Option 2: Static Design Submission

  • What to Submit: A link to your repository showcasing all completed work, focusing on the redesign of the website without active state functionality.

Note: Please ensure your repository is public or shared with us to verify the quality and completion of your work.

fortify-exploring-layouts's People

Contributors

castonpursuit avatar cleebenjamin avatar llamouth avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.