🚨 PSA! I did something that's not best practice in this video. Using @import to load multiple separate CSS files will increase the load on the website due to loading each individual CSS file. This may not have a noticeable effect in load time on small websites like I made here, but will have a bigger effect on websites that are very CSS heavy. The better thing would be to have 1 very long CSS file, or using Sass to separate out your styles.
Hi where will we be downloading all these images and I don't understand what's on your assets folder where will we get all these things in other to follow up
Definitely! I made a video on my main channel about how to do full bleed wrappers, but wanted to do something a little more beginner friendly for this one. Named grid lines are great 🔥 Thanks for watching!
Thank you so much ma.. But ma i have a question: what app did you use to design the landing page before creating it ( before using css, html) I mean the app gave you the details of the colours, the size of the buttons etc, please ma what's the name of the app...
You can do that, but depending on how you style the wrapper, it could cause issues if you have a section that has a background color or image that goes full-bleed. I've found it works better to have a wrapper for each section.
@@codercoderbuilds Qtn html coding and building Ux wireframe then edit it in using elementor in Wordpress which is better since I know less of css n js??
@@dereksylar1416 I don't really have experience with Elementor, but it could make sense if your client needs WordPress! You could also try other page builders like Framer or Webflow, but you'll still need to learn CSS in order to understand how they work better
🚨 PSA! I did something that's not best practice in this video. Using @import to load multiple separate CSS files will increase the load on the website due to loading each individual CSS file.
This may not have a noticeable effect in load time on small websites like I made here, but will have a bigger effect on websites that are very CSS heavy.
The better thing would be to have 1 very long CSS file, or using Sass to separate out your styles.
Love your content
Keep making these learning type videos
Love from India ✌🏻
Awesome, I plan to!
Thanks!
Abraço do Brasil!
Thanks for watching!
❤❤❤
You are the awesome mentor for web development. Keep updating new videos always. We will support u always
Thanks for the kind words!
Thank you so much! Pls never stop creating these kind of tuts💞
Glad you liked it!
love from Bangladesh ❤
you make great content more videos like from figma to code👍
Thanks! I definitely will!
Hi ma'am, I have a doubt, in my laptop showing 2 ip address like ip6 and ip4 what will I choose ma'am
Keep Posting make more complex website's layouts videos
why don't you teach DSA in javascript .there is no one teaching in javascript
We want more videos like this, love from Bangladesh 🇧🇩
Only 4.6k subs? How?
haha thanks, just started this channel, but hopefully will grow soon!
What i needed to refresh my css skills!
Babe wake up Coder Coder dropped again
Upload more videos please 🥲🥲
Trying to!
@codercoderbuilds please do.
I don't know why I haven't subscribed to your channel yet.
Now subscribed 😅
Thanks so much!
Hi where will we be downloading all these images and I don't understand what's on your assets folder where will we get all these things in other to follow up
Sorry for not explaining this part-- the assets and Figma design are from Frontend Mentor which I linked in the description
make video series of convert Figma/Xd to html and CSS
This whole channel is going to be building websites from Figma designs 😊
That was fun. Use named grid lines and you could make the image go fullwidth easily. That would also come in handy for some other images.
Definitely! I made a video on my main channel about how to do full bleed wrappers, but wanted to do something a little more beginner friendly for this one. Named grid lines are great 🔥 Thanks for watching!
Can I put the final code on my github profile?
No one is stopping you, but please don't make it seem like you wrote the code yourself
Thank you. So helpful!!🎉🎉
Awesome, glad you liked it!
Thank you so much ma..
But ma i have a question: what app did you use to design the landing page before creating it ( before using css, html)
I mean the app gave you the details of the colours, the size of the buttons etc, please ma what's the name of the app...
It's a Figma design-- the design was created by Frontend Mentor
Thank you so much ma for your reply...
But ma how can i create mine?
@@wisdomchisom248 Chisom, you'll have to learn Figma. There are a lot of tutorials on that.
Love and respect from Pakistan. Stay blessed
good, I want to ask Jess , will u add some JS course?
I'm not a JS expert, so no plans to do so right now. But perhaps in the future!
@@codercoderbuilds is it possible to get a job without " js" in todays market.
Thank you so much!
You're welcome!
Nice one
Thanks for watching!
Thank you so much.
Looking forward to more projects
You're welcome, and thanks for watching!
Hi, why didn't you wrap the entire website in a container, for example, 1440px wide? What is the reason behind your approach?
You can do that, but depending on how you style the wrapper, it could cause issues if you have a section that has a background color or image that goes full-bleed. I've found it works better to have a wrapper for each section.
@@codercoderbuilds Thanks
What's up bruh
Much appreciation 🙏🙏
thank you for watching!
@@codercoderbuilds Qtn html coding and building Ux wireframe then edit it in using elementor in Wordpress which is better since I know less of css n js??
@@dereksylar1416 I don't really have experience with Elementor, but it could make sense if your client needs WordPress! You could also try other page builders like Framer or Webflow, but you'll still need to learn CSS in order to understand how they work better