You are browsing as a guest. Sign up (or log in) to start making projects!

33m 16s logged

Leaders Zone - v1! So I created a version of the leaders zone very quickly for a quick version mockup! My session started off with taking the style.css of the home page, duplicating it to leaders.css and examples.css - and adding 2 tags to leader-zone.html and example.html to make them have fancy coming soon pages! Once I committed that, I got to work, and copied over the #top section of the main page to leaders! I set the height of the top section to 50vh, then moved the logo, removed the slack link, deleted two buttons, edited the button to be a return to home page, moved the button, edited the text and the sizing of the text to be more fitting for a leaders zone, and tested it all! Once saved, I created a new section from scratch, but used the existing css #requirements, because I copied over the CSS file - remember! This is fine, but way too big so that will be something to fix next time! I then went over to https://vibes.hackclub.com/ to get some inspiration on what a leaders zone page should have, then created two div sections, which I think were called ‘leaders-content’ (note to self - need to style those in the future), added some basic text, then another bit for our presentation, and copied over the button. With this button I had immense pain, because I forgot an = sign…… But its fixed and currently just opens https://canva.com/ because I haven’t made the guide yet….. I added some paragraph text and thats it!

0
21

Comments 0

No comments yet. Be the first!