Commit Graph

257 Commits

Author SHA1 Message Date
Robert McGovern c3e9912adb Base project files for profile-card-component 2021-08-22 00:59:19 +02:00
Robert McGovern d28e49011b edited readme 2021-08-11 10:36:35 +02:00
Robert McGovern 1c3f3a154e Added trick to color text with a gradient 2021-08-11 09:34:00 +02:00
Robert McGovern d56f9d8d96 Add project to index page 2021-08-11 09:19:04 +02:00
Robert McGovern 3300083e74 tidied CSS, removed duplicate settings 2021-08-11 09:17:19 +02:00
Robert McGovern 273a350b70 finished layout, mostly. Desktop needs tweaking, mobile done 2021-08-07 02:07:00 +02:00
Robert McGovern 86ed791023 added reset css plus basic style.css 2021-07-05 02:02:34 +01:00
Robert McGovern 71b962659a initial commit of stats preview card component, sans figma design 2021-07-05 01:51:15 +01:00
Robert McGovern 9e0c9e6eda minor edit to force site to be republished 2021-07-03 13:53:45 +01:00
Robert McGovern 0a36f26c26 minor edit to force site to be republished 2021-07-03 13:42:53 +01:00
Robert McGovern dd1fefbb14 Moved files around and fixed typo in css 2021-07-03 13:03:10 +01:00
Robert McGovern 64647044b0 Improvements for mobile sizing. menu still to do 2020-10-11 17:01:41 +01:00
Robert McGovern 208adfe5d0 Didn't need flex in the video section 2020-10-11 15:59:47 +01:00
Robert McGovern c7e8ffa143 Better transition from Desktop to Mobile. 2020-10-11 15:51:54 +01:00
Robert McGovern dd7666caf9 Change to make the form look better on a phone 2020-10-11 15:45:17 +01:00
Robert McGovern 107fd71e3a message about freeCodeCamp project states 2020-10-11 15:42:35 +01:00
Robert McGovern 2a910d3895 Er don't scale the header image as pg sz increases 2020-10-11 15:29:42 +01:00
Robert McGovern cf9af61f16 Slight adjustment 2020-10-06 14:41:02 +01:00
Robert McGovern 9d87d7c720 Some tweaks. Tried to not do too much compared to where I had it back in August. Supposed to be a reflection of where I was at that point of the freeCodeCamp course, not a bit further along having started Frontend Mentor. 2020-10-06 13:29:05 +01:00
Robert McGovern c018b6d766 Step 1 these are base files I started 8th August and then didn't touch again till now. 2020-10-06 01:08:26 +01:00
Robert McGovern fb2b4539c9 Add finished Projects 1 & 2 2020-10-06 01:06:49 +01:00
Robert McGovern 6f9c946458 Missing accessibility 2020-10-04 12:06:25 +01:00
Robert McGovern 78e4202963 Fix for html issue and making the share button move. 2020-10-04 12:04:01 +01:00
Robert McGovern a3ad3f54d6 Final styling tweaks.
Moved share svg inline so I could color it, although better would be to edit the external svg to use fill="currentColor"
Some final notes
2020-10-04 10:56:44 +01:00
Robert McGovern faad2f4c1d Final before submitting? 2020-10-04 01:15:04 +01:00
Robert McGovern 39d7d415f6 Final tweaks EXCEPT attribution. 2020-10-04 00:57:50 +01:00
Robert McGovern 4eab3313a1 Sharing working, desktop and mobile are close.
Haven't matched design for sharing.
2020-10-04 00:34:27 +01:00
Robert McGovern 26ceffebd0 Check in before playing more with flex 2020-10-03 13:05:43 +01:00
Robert McGovern be1504139d Rough image sizing / positioning. 2020-10-01 14:53:16 +01:00
Robert McGovern 83cfde6bda Had forgotten to remove master from the challenge folder name 2020-09-30 23:20:45 +01:00
Robert McGovern 76800cea32 Stopping point for the night / till I get internet back 2020-09-30 23:18:42 +01:00
Robert McGovern af7aac4b1a Added project to base index.html 2020-09-30 21:08:56 +01:00
Robert McGovern 2003d9d1e6 Base project files 2020-09-30 21:04:19 +01:00
Robert McGovern 8243501927 Switched most h1's for h2's. Also top two I had as h1 to paragraphs, neither is really a title/heading, both have importance. (Given "Powered by Technology" is in bold, one might argue its could be an h1)
Suggestion to consider h1 & accessibility from Matt@Frontend Mentor
2020-09-28 13:06:27 +01:00
Robert McGovern 06985ea3c0 Flex on the brain. Should have just used normal Flow, and set display:block on the image.
Thank you to Matt@Frontend Mentor for that suggestion.
2020-09-28 12:55:33 +01:00
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