This repository was archived by the owner on Jan 14, 2024. It is now read-only.
London class 8/teniola ogunjinrin #270
Open
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
first draft design before css grid
Sign up for free
to subscribe to this conversation on GitHub.
Already have an account?
Sign in.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Volunteers: Are you marking this coursework? You can find a guide on how to mark this coursework in
HOW_TO_MARK.mdin the root of this repositoryYour Details
Homework Details
Notes
What did you find easy? Nothing! lol it took me 3 days to eventually get my thoughts together. Thanks to Maten, I was able to manipulate a grid layout to fit the project template.
What did you find hard? I would say css grid in general is very confusing, I won't say hard. getting the basics helped me to work my way around it. For a start I think my code for this current project is not the best. I think I could have done better as well as using shorter code methods. to made my code look shorter and readable. Text and button layout
What do you still not understand? I have not been able to figure out how to use the grid-template-area, it only worked why I tried it during the tutorial. If I am able to figure it out it will save me writing a lot of code. combining Flexbox with grid was kind of confusing. Might research more on that. I am unable to move the text and button around in a container. Getting rid of unnecessary gaps (I’m thinking this is due to my code layout, I’m certain I need to research more to improve my code.
Any other notes?
I would really appreciate if we are given more time to learn these topics. I know there's a lot to cover.