Building most of the challenges is kinda hard to me because of my screen size. I'm using a 1280x720 screen, and since the challenges are "meant" to be for 375px and 1440px width, I kind of struggle... Still, it's fun to try it out!
For your concern about your screen size: You can right-click on your site and choose 'inspect'. This opens your browsers dev tools and at the top select 'responsive' then change the width to whatever you want. Hope this helps!
What's the best practice when to use padding and when to use margin?
Here's a great resource on padding vs margin. Basically, padding is the space around an element and margin is used to separate elements.
${datas[index].amount / 10}rem;' this.
I took the amount data out of the JSON file divided it by 10 and gave the bars height the result.
I used try and catch in my fetch because on github pages fetch doesn't work so I had to give them different heights.Any advice on how can I fix it?
I also used click instead of mouseover event to view the prices for the bars.
Try removing the forward slash in your fetch url so it looks like this fetch('data.json');
How can I improve this?
You can center your content vertically by adding this:
body {
min-height: 100vh;
}
Hello and welcome to my Creative agency, single page solution
Extra Features:
Breakpoints:
Things that I learnt:
Built with:
Question to the community:
Sticky navbar, do you think is a good idea? Thoughts on navbar size when navigating on the page?
Hope you like it!, any feedback would be appreciate, I would apply all the changes that you suggest me here!
When I scroll down a bit on the live site, the navbar starts to flicker. Looks good otherwise!
