Commit Graph

71 Commits

Author SHA1 Message Date
Robert McGovern 853481f3b8 Point at which I'm happy with the mobile to sign off on it. 2020-09-27 16:20:14 +01:00
Robert McGovern a1e4c4e86f Mobile version in place, except shadows on cards. 2020-09-27 15:46:19 +01:00
Robert McGovern 707dab7732 basic stylings, chasing mobile design. More in the morning. 2020-09-27 00:41:30 +01:00
Robert McGovern 9f3843c8c1 First pass at marking up the html, and added classes. (Although I don't think I'll need some)
Extracted classes into the style.css
2020-09-27 00:03:33 +01:00
Robert McGovern dee9c96fd3 Added basic styling to style.css, and linked it into the html. 2020-09-26 23:05:06 +01:00
Robert McGovern f61e1bf053 Merge branch 'master' into four-card-feature-section 2020-09-24 10:46:51 +01:00
Robert McGovern 7686db64a3 "Better" dynamic css. No longer using any media queries. Boxes will take up 90% of the screen on mobile devices, then will max out at 700px.
Font in the header (Practice Projects), will scale from 2.5rem on mobile, to 3rem for larger screens.

Should work for 80-88% of web browsers according to caniuse.com. Should probably provide a fallback

Might in future also scale the body text size too.
2020-09-24 10:45:56 +01:00
Robert McGovern 7413fc6c78 Merge branch 'master' into four-card-feature-section 2020-09-24 09:41:30 +01:00
Robert McGovern d12dd9fa0a Guess who forgot the mobile friendly formatting.
Added formatting that looks okay on my mobile (iPhone 6S)
2020-09-24 09:41:04 +01:00
Robert McGovern babbdc94e9 Updated progress about the lack of progress 🤣 2020-09-24 00:40:37 +01:00
Robert McGovern 103814ec41 Merge branch 'master' into four-card-feature-section 2020-09-24 00:37:16 +01:00
Robert McGovern 7310427c8e First pass at a styled front page. Have some ideas of things to do, which are mentioned in the CSS file :) 2020-09-24 00:36:00 +01:00
Robert McGovern 9f7711fb61 Initial challenge files 2020-09-23 22:50:58 +01:00
Robert McGovern 24a7398cc8 Forgot to add the differences for Single Price challenge 2020-09-23 17:10:05 +01:00
Robert McGovern ad00958ac9 process doc 2020-09-23 15:08:03 +01:00
Robert McGovern efd75b9651 chasing desktop 2020-09-23 15:06:31 +01:00
Robert McGovern 2cd47ac19a Close as I'm going for mobile 2020-09-23 14:59:24 +01:00
Robert McGovern c2a59f697f Work in progress 2020-09-12 12:18:25 +01:00
Robert McGovern 4b1e46d0a3 Formatted html as I think it should go. Awful class names right now. 2020-09-12 10:49:10 +01:00
Robert McGovern 53abbe6c9e Set up basic styling per the style guide 2020-09-12 10:16:18 +01:00
Robert McGovern 58ee69ff20 Added a workspace file for VSCode, not sure about using it or not. Might back this out, if nothing else because I dislike that it not puts it into its own folder in the Explorer. 2020-09-12 09:50:53 +01:00
Robert McGovern abab57c744 Base files for the single price grid component challenge, updated base index.html to point to this project and setup a process doc 2020-09-12 09:37:02 +01:00
Robert McGovern fcfccd4a5a Added final images & difference comparisons 2020-09-11 23:28:26 +01:00
Robert McGovern e8d65b4e73 Fixes for accessibility errors 2020-09-11 23:05:10 +01:00
Robert McGovern 000c8ab449 Merge branch 'ping-coming-soon' 2020-09-11 22:40:14 +01:00
Robert McGovern d5843c5019 Final positioning. Figured out using flexbox ordering would allow me to have the error message first in the row, then I only needed to shift it downwards. 2020-09-11 22:39:04 +01:00
Robert McGovern 4971c7c7f9 slight tidyup 2020-09-11 21:49:27 +01:00
Robert McGovern b159136955 Fixed position of the social icons 2020-09-11 21:47:09 +01:00
Robert McGovern 31e73d0dbb Have a working solution for the error message at desktop size, but it only looks good at the expected 1440x1024. Need a better solution. Somehow calculate placement? 2020-09-10 00:28:40 +01:00
Robert McGovern bfb154d80d Social icons have a better circular border and have hover states. 2020-09-09 23:37:34 +01:00
Robert McGovern 22f6907743 Error state for mobile done ... well there are things to do. Placeholder text could be nudged. The email text positioning could be moved too.
There is JavaScript functions to clear error state, show error, and validate email address.
2020-09-09 21:16:23 +01:00
Robert McGovern 317f2bdbb8 Added a "notebook" 2020-09-09 12:34:48 +01:00
Robert McGovern ffae93aedd some more notes 2020-09-09 00:52:09 +01:00
Robert McGovern 2aa0935fa7 Notes on next steps to complete project 2020-09-09 00:03:16 +01:00
Robert McGovern 175c016d40 CSS cleanup 2020-09-08 23:59:34 +01:00
Robert McGovern 040a64f99a Added note and pic of the desktop diffs 2020-09-08 23:39:21 +01:00
Robert McGovern 012ca097aa desktop-near-match 2020-09-08 23:36:06 +01:00
Robert McGovern dded46abe8 More adjustments to mobile positioning 2020-09-08 19:28:04 +01:00
Robert McGovern 32bf863905 Mobile version very close. Ping logo off, as is coming soon text. 2020-09-07 15:38:52 +01:00
Robert McGovern edd15d465f Adjustment to picture location 2020-09-07 14:47:51 +01:00
Robert McGovern bdc702218a wip near mobile chasing too much 2020-09-07 14:35:50 +01:00
Robert McGovern 1e0bd290a6 Set up sections/divs for all of the required parts of the page. Now to style 2020-09-06 12:24:44 +01:00
Robert McGovern ca4fa0b90a Basic styling from style.md. Noted sizes from style doc. Added name and email address to attribution 2020-09-06 11:27:32 +01:00
Robert McGovern 732f30c7df Added files for JavaScript and CSS, as well as a config file for JSHint 2020-09-06 00:56:35 +01:00
Robert McGovern 1402e37b82 Pointed index to new project, added empty process doc 2020-09-06 00:44:29 +01:00
Robert McGovern 7563072e2a Added some notes. 2020-09-06 00:29:39 +01:00
Robert McGovern da77334e7b Not quite as exact as it used to be, but close enough. Switched so that the transition to phones and tablets to 1100 pixels BUT that has the drawback that the logo is too small and the background image is in the wrong place. (and argulably the mockup is a little big) 2020-09-06 00:26:08 +01:00
Robert McGovern f97a0570fc Tweaks to mobile design. Made it work better between intended design sizes (375x800 and 1440x800). However, temporarily messed up 1440x800 design. 2020-09-05 23:56:36 +01:00
Robert McGovern a3aed9c08f Changed from a button to a anchor link. (Still not sure if good or bad idea). Added actual links into the href's to get rid of the Accessibility errors on Frontend Mentor 2020-09-05 21:28:25 +01:00
Robert McGovern 9061889874 Fixed positioning of icons in the mobile version of the social section. Also Changed hover state to color fitting of the theme. 2020-09-05 21:16:14 +01:00