Submitted
Responsive Menu using Grid
- HTML
- CSS
I think this was the first time I styled a table. A good test for semantic html and thinking in html. Lots of little 'how to do that' to have me googling some bits. Feedback is always appreciated.
Looking to hire developers?
@graficdoctor
Submitted
I think this was the first time I styled a table. A good test for semantic html and thinking in html. Lots of little 'how to do that' to have me googling some bits. Feedback is always appreciated.
Submitted
I'm not at all comfortable writing JavaScript when it gets more junior-complex. I struggle to implement form-validation, though I do know what I want to achieve. But not how to achieve it. This is something I sure should be working on the following weeks, to gain confidence.
Feedback is always appreciated.
Submitted
Feedback is always appreciated. If anyone had good resources for learning how to work with animations, feel free to post them here.
Submitted
This exercise has gone a long time. I started it in may this year and somehow forgot about it. Finished it this week, rewrote some of the CSS I'd written then and spend time looking on how to do form validation. This is my first successfull attemt at implementing form validation, so I'm happy for that.
Feedback on the code is very much appreciated. I think I added all a11 for this project. My JS could probably more concise.
Submitted
I'm struggling placing the images outside the page-flow. I fiddled with grid, but it seems there's some blank space on these images that bother me while placing them. Which leads me to believe there's a different solution. Also my current solution gives an overflow on smaller screens.
Submitted
I'm not really a newbie anymore, but I didn't code for quite some time. I selected this exercise as a warming up. By pushing it to the website, it made me want to properly finish the exercise. As I did. Feel free to comment if you caught me doing odd things.
Submitted
Gosh, I struggled on this one. And also applauded myself various times. I'm delighted with the result, but nevertheless I have a list of mistakes/errors I don't know how to solve. I didn't finish this excercise in one day. I'm working full time, juggling a few extracurricular activities, so time is limited. It made me loose oversight, which I handled by using a to do-list. So this solution in my head, feels messy.
The issues I didn't manage to solve:
max-width: 100%
. But when I changed that, I still couldn't fix the height. How would I solve this?nav-toggle
didn't wanted to disappear if I would set display:none
so I had to use visibility: hidden
. But why didn't the display:none
not work?Submitted
My JavaScript looks a bit messy, but it works. So I'm happy for that.
What I didn't really solve it my text being a bit off center in the button and on the circle-background. Would this be something I would solve with flexbox? Or is it a typography-issue that has to do with how fonts are given their space?
I somehow also lost my :hover
and :active
-state in the mobile preview. How could I solve this?
Submitted
I've been studying all week on how to use API's and manipulate json-data. So this exercise was a nice test to see where I am.
Submitted
Submitted
Submitted
I was struggling adding the header- and footer-images in my css-file instead of overcrowding the html-file. I looked into @dmitrymitenkoff solution for a suitable approach. I somehow ended up locking in the width of my image-container. I probably need to refactor the code to find out why. That has to wait. Happy I finished this. Learning to code while working is not that obvious.
Submitted
This solution still lacks the background-colors. I'm not sure of how accomplishing that. So I might dive in some glassmorphism-tutorials first.
Submitted
Tips to improve the code are always appreciated.
Submitted
I've been struggling a lot with implementing the position-elements, eventhough I think I understand the principle. The positioning doesn't seem to be ok on Safari and Chrome, but works on Firefox. Are there any good online lessons going into detail on this subject?
Changing colour in SVG's seems not to be that straightforward either. How would I need to approach that?
I'd love to be able to animate the pop-up, but I don't know how to implement it in this excercise. And how do I make the pop-up show up on top of the component, in desktop-view.
Submitted
I have no idea how to add the eye-icon on :hover
on top of the image. Anyone any suggestions?
Submitted
I usually find it very easy to center my div, but as you'll see on mobile view, I didn't manage this time. I couldn't find a solution for this. If anyone has any tips on what I need to change, I'd love to hear them. Any other feedback is very much appreciated aswell.
Submitted
3 months since the last time I coded. I will pick up studying again in October and was just curious to find out what I still remembered. I started coding last year, but got really busy with work and just couldn't combine studying and working anymore. So I did this as a confidence booster.
I tried implementing the use of variables, but maybe haven't been consistent enough. It's possible I added some margins that didn't need to be there. But this was really just a 'go with the flow'.
Submitted
It's been more than 120 days since I last finished a challenge. Work's been busy. Guess what I'm doing during my holidays.
Anyways, I am proud I finished this and found solutions to the little issues that popped up. I also added some new acquired knowledge, like limiting the p
-width with ch
.
Submitted
I'm just completely lost in the javascript-form validation. And I have no idea how to clear the input. I've tried .reset()
, I tried resetting the values with (something similar to) email[0].value = ''
. Would anyone know a good source for more information? I tried a zillion YouTube-video's, but noone resets the value and I think that is why I'm running into errors?
As for the css & html: this was fairly logic and no questions here really.
Submitted
Alright, my first attempt to adding JavaScript. It's not entirely there yet, but I wanted to show what I've done thus far, to learn from the feedback.
I'm also wondering how to change the input color of the input field once content is added. It now by default goes white, but I want it to keep the requested color. Which pseudo-class should I use?
Submitted
For the background-bubbles, I had a look at ApplePieGiraffe's solution. Everything else, I proudly did myself, after deep diving in flexbox and specificity.
Submitted
This took some time. I was trying to find a way to make it as such, that it would still look good if css failed to load. So I couldn't use hidden
.
It also took me a while to figure out how to do the desktop-version. I was always bumping into issues with my header. I tried and tried and eventually suddenly had created this.
Didn't add javaScript yet, since all tutorials I find on form validation don't fit my 'it has to look good when css fails to load'.
Anyways, feedback is nicely appreciated.