Robert McGovern
9a350e45be
Finished.
2020-09-27 23:36:12 +01:00
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