This was a nice project, a bit more time consuming than I expected before starting.
Perhaps also because it was the first project that i used SASS; never used it before.
Feedback is welcome:
- How can the responsiveness be improved, i struggle a bit deciding when to break!
- Any tips on my SASS Usage.
- I couldn't get the orange overlay exactly the same as the design, how can it do it different.
- Any tips what how to improve the site in general.
I'm happy about the process of 'hacking' this one together.
Getting the button inside the text field (and stay inside) was a nice challenge. I avoided almost all absolute values. Just working top down applying values from Figma seems to work for me.
Feedback is welcome
- The 32 dots block is absolute positioned, it look good on mobile / tablet / desktop but is outside the flow of the document; should and how can i do this different!?
This was my final newbie challenge and I had fun again building it, more details about my process are in the readme.
Feedback is very much welcome I'd like to learn and improve my skills! I'm curious if my approach is correct and what i should consider refactoring or doing different next challenge..
Submitted my v1 version for the Single Price Grid Component, it more work than it seems up front.
Should the grid shrink on resize?
Currently width and heights of the grid container is fixed is this ok, or what else is recommend to make sure the items fill up enough space?
I managed to complete the 'Four card feature section' and this one was fun too. I wanted to use the Grid system since the four cards seemed perfect for that. Never used the Grid System before outside tutorials, so i had to read the Complete Guide on CSS Trick again.
I think I did a good job on this more details about my choice and coding experience are in the README.md.
Feedback would be welcome : How is my CSS, what can I do better / more efficient? Did I use the Grid system correctly?
Thanks for any help.
This is my 3rd newbie challenge submit and I enjoyed the process of hacking this card component together. Building such a 'simple' card component isn't easy for a 'Newbie' and it requires some time to think over before trying to do it properly.
Feedback would be welcome How is the responsive experience; what can / should I improve (*see Note)? I try to use BEM but still have doubt if i used it correctly Anything else that I missed or should improve.
Note: Related to BEM I recommend this video: https://www.youtube.com/watch?v=iyR6RXUZFQ8 it's quite good and explains it in visual detail.
Where I struggle is how should elements be named when there are multiple levels of nesting.
<div class="card__mid"> <div class="card__text"> <div class="card__name">Victor Crest <span> 26</span></div> <div class="card__location">London</div> </div> </div>