Responsive Food Menu Without Media Queries | Responsive CSS Grid

Поділитися
Вставка
  • Опубліковано 9 лис 2024

КОМЕНТАРІ • 54

  • @jgibson8092
    @jgibson8092 Рік тому +1

    for anyone new to this video and your images arent displaying in a row when you expand the screen like in the video all you have to do is change the padding in the menu selector to 0 not all those numbers he has in the video just change padding to 0 . keep everything else the same as it is in the tutorial. only change the padding .

  • @rynstation8206
    @rynstation8206 3 роки тому +1

    It looks like a real restaurant food menu.

  • @carlossanchezacosta8289
    @carlossanchezacosta8289 3 роки тому +2

    Woww, you are a real artist, that's what i was looking for... thanks

  • @ganeshks6574
    @ganeshks6574 3 роки тому +1

    Mitali, U r genius

  • @erickchavez4551
    @erickchavez4551 3 роки тому +2

    Thanks so much! I tried your code and it worked amazingly.

  • @ernst367
    @ernst367 3 роки тому +2

    Really nice, very good looking.

  • @ziauddinkhan721
    @ziauddinkhan721 2 роки тому +1

    Beautiful presentation in your codeing thank u

  • @gordoncoding
    @gordoncoding 3 роки тому +2

    around 6:10
    You can type h5.price then press tab instead of
    for lorem text of 10 words, you can type lorem10 then tab; you can even lorem1000 tab

  • @capedcrusader6273
    @capedcrusader6273 2 роки тому +3

    How did it align itself to three items in the screen when the when the screen size is increased? the same is not happening on my machine

    • @lazy-hero.
      @lazy-hero. Рік тому

      Same bruh ☹️

    • @Information_Point
      @Information_Point Рік тому

      @@lazy-hero. same i just finished coding it worked superb but when maximise the screen i just have 1 item from the menu covering the entire screen rather than 3 items next to each other. help please

    • @lazy-hero.
      @lazy-hero. Рік тому

      @@Information_Point hey now i get improved in coding ..i forgot about this video then you comment..
      You can use -- 👇👇
      display: grid ;
      grid-template-columns: repeat(2, minmax(0, 1fr));

    • @lazy-hero.
      @lazy-hero. Рік тому

      You can change the no. In media queries for get responsive

    • @martap5891
      @martap5891 Рік тому

      Same problem, I always see just one column.

  • @oxunjonpirov7812
    @oxunjonpirov7812 2 роки тому +1

    awesome

  • @nagpalnirmal
    @nagpalnirmal 2 роки тому

    Thanks so much! Great work

  • @devdofuturo
    @devdofuturo Рік тому

    Thanks bro!

  • @amiralhamdani6670
    @amiralhamdani6670 9 місяців тому

    Iv tried this code, all works very well i just have 1 problem once i make my page bigger they don’t spread out into the 3 images goijg across its just 1 big image on top of another - what have i done wrong?

  • @codingcinemax
    @codingcinemax 3 роки тому

    Great Content ❣️

  • @bignuke7798
    @bignuke7798 3 роки тому

    Bro which extension you're using on VSCO de to show pictures in the left side?

  • @lamya6223
    @lamya6223 3 роки тому

    Amazing design 😄😄😊😊

  • @evolve2510
    @evolve2510 3 роки тому

    thankyou

  • @UNKNOWN-dy4iu
    @UNKNOWN-dy4iu 2 роки тому

    tqqqqq

  • @sauravprasad5319
    @sauravprasad5319 2 роки тому

    What's the real size of the image?

  • @CarlosAlvarez-lt6jc
    @CarlosAlvarez-lt6jc 3 роки тому

    What plugin do you use to automatically refresh the screen?

    • @CodingArtist
      @CodingArtist  3 роки тому +1

      The plugin that I use is 'Live Server'. You can check out the other plugins that I use here:
      instagram.com/p/CJnt9JKAPjU/?igshid=f3wnohpys6hu

  • @prajapatikishan864
    @prajapatikishan864 Рік тому

    Bro can I get full copy code please

  • @shivamgupta-qw5hb
    @shivamgupta-qw5hb 3 роки тому +1

    Very nice👌

  • @PinkiKumari-bt1ei
    @PinkiKumari-bt1ei 3 роки тому

    I was used all the css properties but the images are coming one by one not like grid . what is the error cant find it . even the images are resized .let me know plzz

    • @CodingArtist
      @CodingArtist  3 роки тому +1

      You can download the source code from my website and cross check to find the errors.

  • @krupapranay8896
    @krupapranay8896 3 роки тому

    I am getting images in column wise ,same I did as showing code ,but my images not coming in row wise

    • @CodingArtist
      @CodingArtist  3 роки тому

      You can download the code from my website and cross check with your code.

  • @muhammadtayyabmanzoor6336
    @muhammadtayyabmanzoor6336 2 роки тому

    which site you pick the picture

  • @kienboy9999
    @kienboy9999 2 роки тому

    what does grid-column: 1/-1 means

    • @CodingArtist
      @CodingArtist  2 роки тому +1

      Grid-item that spans from first column to last column.

    • @kienboy9999
      @kienboy9999 2 роки тому

      @@CodingArtist thanks. Have a nice day.

  • @CBNurHazirah
    @CBNurHazirah 3 роки тому

    Amazing!!, can I get this code?

  • @Userrnotfond
    @Userrnotfond 2 роки тому

    Where is source code?
    I am trying to open your source code where is the code inside the website?

    • @CodingArtist
      @CodingArtist  2 роки тому

      Please use the search bar on website.

  • @wut9167
    @wut9167 2 роки тому +1

    Nice 👍👍👍👍👍👍👍👍👍👍👍

  • @dikshawaje9035
    @dikshawaje9035 3 роки тому

    Dope content👌👌

  • @syediqbalahmed3176
    @syediqbalahmed3176 3 роки тому

    deham later ...

  • @오중균-y2n
    @오중균-y2n 11 місяців тому

    😢o