Are you good at HTML/CSS/JS? Design a Web Page that has 12 images and text, plus optional banners

  • สถานะ: Pending
  • รางวัล: $10
  • ผลงานที่ได้รับ: 32
  • ผู้ชนะ: sumonakon3257

รายละเอียดการประกวด

One single HTML page.

Update: Attached files that give the idea i am trying to do.

I am creating a horoscope webpage. I will want to display all 12 horoscopes as separate images. Each horoscope will include text for the name of the sign.

Here are the requirements:
- display 12 images, images will always be perfect square (200x200, 400x400, etc)
- if height greater than width, then layout will be 3 columns x 4 rows
- if width greater than height, then will be 4 columns x 3 rows
- each image includes text label at the bottom center of the image that can be changed
- banner of 50px height size at bottom of page
- all images combined should take up entire web page, allowing for resize.
- handle resize so image takes up entire square
- never overflow and never show scroll bars
- only use HTML, CSS and/or JS,
- do not use bootstrap or other framework
- images and banners change based on (3) resolutions - low, medium, high
- banner may not always display, images automatically resize based on displaying the banner bottom.

Bonus points
- CSS is preferred over JS.

How to Win:
The simplest solution will be the winner. In order to be considered, please include a link to a live example.

ทักษะแนะนำ

ผลงานอันดับสูงสุดจากการประกวดนี้

ดูรายการเพิ่มเติม

กระดานประกาศ

  • rakeshpatel340
    rakeshpatel340
    • 3 สัปดาห์ ที่ผ่านมา

    Please check Entry #31 (For html please check : https://codepen.io/rakesh-patel/pen/RBKmpQ)

    • 3 สัปดาห์ ที่ผ่านมา
  • WPExtreme
    WPExtreme
    • 4 สัปดาห์ ที่ผ่านมา

    But $10 is too less can you please increase +$40 if I win this contest.

    • 4 สัปดาห์ ที่ผ่านมา
    1. WPExtreme
      WPExtreme
      • 4 สัปดาห์ ที่ผ่านมา

      Please let me know thank you

      • 4 สัปดาห์ ที่ผ่านมา
  • daovanquang1997h
    daovanquang1997h
    • 1 เดือน ที่ผ่านมา

    submissions just are joke :')

    • 1 เดือน ที่ผ่านมา
  • ankon0
    ankon0
    • 1 เดือน ที่ผ่านมา

    Hello sir, How are you? My Entry No #18. Please See it and Rated It. Thank You.

    • 1 เดือน ที่ผ่านมา

แสดงความคิดเห็นเพิ่มเติม

วิธีเริ่มต้นจัดการประกวด

  • ประกาศการประกวดของคุณ

    จัดการประกวดของคุณ รวดเร็วและง่ายดาย

  • ได้รับผลงานเป็นจำนวนมาก

    รับผลงานจำนวนมาก จากทั่วโลก

  • มอบรางวัลให้แก่ผลงานที่ดีที่สุด

    มอบรางวัลให้แก่ผลงานที่ดีที่สุด ดาวน์โหลดไฟล์ - ง่ายดาย!

จัดการประกวด หรือเข้าร่วมกับเราวันนี้!