Skip to content

lindakovacs/web_project_3

master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Project 3 - Sprint4: From Portland to Portland

  • Part of the Practicum by Yandex Web Development Bootcamp Curriculum.

Overview

  • Intro
  • Description of the project and its functionality
  • Widths to use for breakpoints
  • Technologies
  • Figma
  • Images
  • Demo

Intro

This is a project about traveling across the US. We've made it so all the elements are displayed correctly on popular screen sizes. We recommend investing more time in completing this project, since it's more difficult than previous ones.

Description of the project and its functionality

A responsive website using HTML5, CSS3 (flexbox, grid, BEM), built following to design mokup in Figma. Uded BEM methodology with a nested file structure. The project adapts to the width of various devices (from 320px to 1280px).

Widths to use for breakpoints

  • 1280px and higher (standard laptops and beyond).
  • From 1024px to 1280px (from a tablet in landscape to a standard laptop).
  • From 768px to 1024px (from a tablet in portrait to a tablet in landscape).
  • From 425px to 768px (from a large smartphone to a tablet in portrait).
  • Up to 425px (mobile devices).

Technologies

Stack: HTML5, CSS3 (flexbox, grid, BEM)

Figma

The site was made up according to the Figma layout

Images

Export images directly from Figma and optimize them here, so your project loads faster.

Demo

Demo link

About

From Portland to Portland. An epic bicycle journey from Portland, ME to Portland, OR.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published