Help with getting starting Hosting a Website and Emails
Hello.
I should make my mum a simple website (onepager) which I can do either myself or in a CMS. But I have no Idea how hosting and buying a Domain works. I tried looking online a bit but there is just so much out there. Anyone can recommend a good source to educate myself in that regard? Also she is interested in getting business E-mails (3 I think) too any recommendation here would be welcomed too 🙂
Pluspoints if its specific for DACH region as I am from Austria. Dunno if that even has any influence. ^^
Ty...
Flexbox container query -- what am I missing?
See https://codepen.io/thejgc/pen/ogjLMKg for my code, including the following explanation:
There should be 5 buttons in this header would should be spaced out evenly, wherever possible.
Buttons
.one
and .two
are in a .lowerpriority
section, but should be visible whenever there is enough width. As available width decreases, .two
should be hidden, and then the whole .lowerpriority
area.
I've set up container names and made sure the parent containers can flex their width with min-width: 0
. But whatever I set the container query breakpoints size to, it always triggers....help with :not (I think)
I have an html structure like this: (inside of a th) a -- in this structure I want to have two background images, (inside of a th)....a followed by a span --- I don't want my additional background images here... and I want to have a single background image..... and no, I can't change the html... how would I do this?
prefers-color-scheme vs light-dark()
Hey all,
I am wondering for those who setup dark modes for their web projects whether they use prefers-color-scheme or light-dark() or a combination of the two. I have been testing out the new light-dark() method, but find I light having the greater control using prefers-color-scheme. Just wondering what other people's experience / feelings are about this....
Help with complex layout
I have these 2 examples:
https://play.tailwindcss.com/Q0s5EWUdmI
https://play.tailwindcss.com/VDKrD8dZdu
I want the table and the wrappers to be no taller than the black border box.
I can't figure out why the first example works while the second one doesn't...
font is going up !! very frustrating.
we're using gotham and fraunces font, but on some components like buttons the text goes little up without any reason, developer is using tailwind css, when he does leading 0.8 or 0.9 then it doesn't work what might be the issue ?

JavaScript task
I was given this task to complete in JavaScript. But the question hit me so hard that I have to struggle just to solve it
It took me a copilot just to solve it...

Doubts About Courses
Hey folks,
Anyone knows how to contact Kevin directly?
I have some doubts about the payment receipt for the courses...
Mask not covering original element when put on a webpage?
Just wondering if anyone had any ideas. I'm masking a bg element with a picture to make an outline shape, and then placing that shape back on top of the picture so I can reveal it with a clip-path animation.
Problem is it looks fine in figma, but on the page you can clearly see the image bleeding through at the edges. Just not really sure how to deal with this (as it doesn't seem as simple as scaling up the mask element). Both elements are identical sizes according to the dom.
Nick...

How to handle shape dividers responsibly?
Hi, is there a better way to handle shape dividers? it goes misaligned for all other screens than the one i initially code for

help me with this messed up layout
Stil busy with the recipe page but the more I try the more It seems I make a mess of it.
Can anyone help me with these points :
- the css on the li causes that the ordered list has also now a bullet instead of numbers....
KP Youtube Video (pls help kevin)
Hey guys,
I was wondering if anyone has the link or knows the title for the video that Kevin did on the following project. I remember watching it a while ago and now that I finished the project I want to go back and watch it...

Struggling with best practices
Hello, attached is my codepen, basically I want the "Ayesha." / logo in line with my nav bar, but I'm struggling what best practice is, same with the book online, I want them in a little closer to the nav bar then in line with the nav bar/links. I have it set with padding but I'm wondering if that's best practice, just padding till it looks in line or can I do it all easier? Thank you : https://codepen.io/spencerrcr/pen/gbaPZEq reference layout image attached as well :

.map() function in JS used on a CONST variable
```js
const listItems = products.map(product =>
<li key={product.id}>
{product.title}
</li>...
Using node cli vs using CDN
Hello, I was just experiencing a bit with react and I read that I can access react modules either using the cli or using a CDN. I think this always apply to other frameworks.
I was wondering what's the difference here, how does using react using node differs from using a CDN (or any other frameworks)? At the end of the day both import codes, no? Yeah maybe one is faster because we don't need extra http request, is there any other reason what using node for react instead of a CDN can do please. (It's the same thing for tailwind I think, we have a CDN which we can use, don't know if we can use node though)...
StrictMode and creatRoot in React
Hello, can someone explain how the StrictMode and createRoot works in react please, why do we need to include them in our main entry point of
.jsx
? What if we omit them?
From what I've read, StrictMode is there to detect some errors that can happen at runtime. What about creatRoot? Can't we omit if?....SVG, .JPG, .PNG,... file extensions
Hello, can someone explain what's the deal with all the file extensions that exist please, Both a .JPG and .PNG are image file extension, what's the difference then? I know that transparency maybe the little quirk, for example (I think) SVGs have transparent background by default?
Would really appreciate if someone can elaborate on that and which extensions to use when uploading an image or a small favicon in our browser please....
Question for Kevin
Hi, this question is for Kevin if I might be so bold. I am a college instructor who teaches web development / front end. I went through your HTML & CSS for Absolute Beginners series to see your topic progression and concepts taught versus how I teach the subject to my students. Great course by the way, I would highly recommend it to my students. Two subjects I noticed you did not covers were CSS floats and CSS positioning.
Where do you feel these subjects belong in the greater teaching of web layout? I agree with teaching CSS grids and CSS flexbox first as they are used more often to the do the heavy lifting of layout, and then teaching floats and positioning when it makes sense for particular use cases. If you want a sticky nav, you need CSS positioning to create that. I just thought it was interesting that those topics were not covered in the basic level course. If you were making an intermediate course, would you include the topics there?...
help with asynchronous javascript
```javascript
let promise = new Promise(function(resolve, reject){
setTimeout(()=> resolve("done"), 1500)
})...