Skip to content

0ussamaBernou/fylo-landing-page

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Frontend Mentor - Fylo dark theme landing page

Design preview for the Fylo dark theme landing page challenge

The challenge

The challenge was to build out this landing page and get it looking as close to the design as possible.

You can use any tools you like to help you complete the challenge. So if you've got something you'd like to practice, feel free to give it a go.

Users should be able to:

  • View the optimal layout for the site depending on their device's screen size
  • See hover states for all interactive elements on the page

Link to project: http://recruiters-love-seeing-live-demos.com/


How It's Made:

Tech used: HTML5 BADGE CSS BADGE

Here's where you can go to town on how you actually built this thing. Write as much as you can here, it's totally fine if it's not too much just make sure you write something. If you don't have too much experience on your resume working on the front end that's totally fine. This is where you can really show off your passion and make up for that ten fold.

Optimizations

Used flexbox for the footer columns, but that didn't work well, so i used grid templates instead as i needed a specific number of columns to fit the entire width of the page.

Lessons Learned:

Learned to make a floating section between two sections.

Examples:

Take a look at these couple examples that I have in my own portfolio:

My Portfolio: https://github.com/0ussamaBernou/my-portfolio

Source Layout: https://github.com/0ussamaBernou/source-layout

Mobile Grocery list: https://github.com/0ussamaBernou/grocery-list

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published