✨ NEW ✨ 📝 Be sure to read the article version of this tutorial for design assets & details: buff.ly/2nFGknc + Share your work with me using #XOPIXELPerfect on Instagram/Twitter!
Yahchanan Demetrius Rivière Good question! Grid & Flexbox compliment each other very well so it's hard to choose one over the other. I like to use Grid for larger-scale layouts and Flexbox for smaller things like menus , social media links, etc. (I acctually used both in my responsive protfolio tutorial). But, I will say that Flexbox is easier to get a handle on than Grid which requires a bit of math/more thinking 😄 Do you prefer Flexbox over grid?
your design is creative and decent, it's mandatory or a good way if i want to make a mobile responsive website to make code first for the mobile view then we create a desktop view
SVG is vector based so you'll want to use SVG for icons and logos so they look good on all screens (also file size would be small). PNG is an alternative if you don't want to use SVG (but larger file size). I would use PNG for images with transparency and few colours. Overall, SVG is being used more and more over PNG since it's so versatile. To answer your second question, SVG is basically code so it would just add more code to your site files. Given the use cases above, you can always test your site speed to see if your choice of file format improves or worse s your site preformance. Hope this helps!
✨ NEW ✨ 📝 Be sure to read the article version of this tutorial for design assets & details: buff.ly/2nFGknc + Share your work with me using #XOPIXELPerfect on Instagram/Twitter!
How do you know who many em you should enter?
Miss your tutorials XO!!
@@piotrgurgul7977 Em is a measurement in "inches".
The link isn't working. Can it be found somewhere else?
*thanks for this tutorial it was very nice !*
may i ask you, which *screen recorder* do you use to make videos
i want to know please.
Hey! I use ScreenFlow :)
@@xopixell thank you so much
Your tutorials are very easy to follow. Thanks!
it was the best tutorial i have seen
hey, is always good idea to start with the mobile design? I say you start in your HTML designing the mobile first.
I love flexbox, nice tutorial, that's really awesome! ^^
Glad you like this tutorial!
@@xopixell Hello, where can I get the blob image from :)
You are great mam!
Very clean and useful tutorial, although 2 years ago
Do you prefer Flexbox or Grid better? I know the latter is getting pretty popular lately (just when I was starting to master Flexbox).
Yahchanan Demetrius Rivière Good question! Grid & Flexbox compliment each other very well so it's hard to choose one over the other. I like to use Grid for larger-scale layouts and Flexbox for smaller things like menus , social media links, etc. (I acctually used both in my responsive protfolio tutorial).
But, I will say that Flexbox is easier to get a handle on than Grid which requires a bit of math/more thinking 😄 Do you prefer Flexbox over grid?
@@xopixell I agree. flexbox is easier.
Congratulation!!! Where can i find these picture you use please?
Images were from other tutorials on my channel (Flat Illustration Character & Design & Prototype Messaging App)
very nice tutorial
your design is creative and decent, it's mandatory or a good way if i want to make a mobile responsive website to make code first for the mobile view then we create a desktop view
Glad you enjoyed this tutorial!
Good job
When should I export something as svg or png? What issues would arrise if I completely exported only Svg's? Thanks.
SVG is vector based so you'll want to use SVG for icons and logos so they look good on all screens (also file size would be small). PNG is an alternative if you don't want to use SVG (but larger file size). I would use PNG for images with transparency and few colours. Overall, SVG is being used more and more over PNG since it's so versatile. To answer your second question, SVG is basically code so it would just add more code to your site files. Given the use cases above, you can always test your site speed to see if your choice of file format improves or worse s your site preformance. Hope this helps!
It helps. Thank you.
It's very nice! Thankyou! 💯 🙌
Cool Video!
This intro is awesome! How you made it?
Thank u.. Add more tutorials
What are you using for live reloading of the page?
The text editor I'm using is called 'Brackets' and it has a neat live preview feature
And if you're using Visual Studio Code you can install an extension called Live Server by Ritwick Dey.
plzz make video of "How To Make Transparent Menu With Full Screen Slider "
Love it !
How to add people in messaging to every one
@4:53-HTML
Please add the subtitles for your video 📹