Photos & Coding

Tag

CSS

Showing 5 result(s)

Remote Work Site with Advanced Mobile Menu | Intermediate HTML, CSS & JavaScript CHALLENGE!

updated on

Check out the final result: https://nikmaxott.github.io/intro-section-with-dropdown/Check out the source code: https://github.com/nikmaxott/intro-section-with-dropdown Desktop Design This challenge had a few key steps. I started with the basic Desktop Layout and perfecting that. This required extensive use of the CSS Grid, something that I’m not overly familiar with, in combination with Flexbox, a tool I have a lot …

Creative Agency Front Page | Intermediate HTML CSS JavaScript CHALLENGE!

updated on

Check out the final result: https://nikmaxott.github.io/sunnyside-agency-landing-page/Check out the GitHub repo: https://github.com/nikmaxott/sunnyside-agency-landing-page A larger scale project. Using both CSS Flexbox and CSS Grid to achieve this amazing final result! This meant a lot of media queries to enable the webpage to be mobile friendly. Again, a no framework build, just pure CSS, HTML and JavaScript. The …

Frontend Mentor Challenge: Interactive Ratings Component – HTML, CSS, JS

updated on

Check out the final result: https://nikmaxott.github.io/interactive-rating-component/Check out the GitHub repo: https://github.com/nikmaxott/interactive-rating-component My first proper interactive challenge. The challenge here was state management, featuring a very simple layout, with very little changing between mobile and desktop versions. I set myself the additional challenge to build this entire project in pure HTML, CSS, and JavaScript. No frameworks …

Frontend Mentor Challenge: Perfume Product Preview – HTML & CSS FlexBox

updated on

Check out the final result: https://nikmaxott.github.io/ProductPreview/Check out the GitHub repo: https://github.com/nikmaxott/ProductPreview Responsive Mobile Design is the name of the game with this challenge. Although very similar to last weeks challenge, this one had the added complexity of layout changes when switching between Mobile and Desktop view. Using the magic of flexbox this is no problem, …

Frontend Mentor: QR Code Challenge – Pure CSS & HTML

updated on

As part of my new found freedom with being done from University I’ve decided to refresh my knowledge, starting with HTML, CSS and ES6 JavaScript, using https://www.frontendmentor.io/ as a source for inspiration. Have a look at the final result hereAnd the GitHub repository here It’s very very simple, but it’s a start, and I’ll try …