3 Replies - 162 Views - Last Post: 28 July 2019 - 11:13 AM

#1 tkfla5   User is offline

  • D.I.C Head

Reputation: 0
  • View blog
  • Posts: 61
  • Joined: 13-November 12

Scaling issue with hero image

Posted 27 July 2019 - 09:42 AM

I have a simple home page with hero image all set on top of a grid. As the size of the screen begins to move towards landscape the next section with the navy box and text to the right starts creeping up over the hero area? If I remove the 75vh It seems to get too tall. Any suggestions please? for the sake of this the gray area would be the image.

https://codepen.io/tkmets5/pen/ymVKXJ

Thank you

Is This A Good Question/Topic? 0
  • +

Replies To: Scaling issue with hero image

#2 modi123_1   User is offline

  • Suitor #2
  • member icon



Reputation: 15219
  • View blog
  • Posts: 60,924
  • Joined: 12-June 08

Re: Scaling issue with hero image

Posted 28 July 2019 - 09:04 AM

Hero area?
Was This Post Helpful? 0
  • +
  • -

#3 tkfla5   User is offline

  • D.I.C Head

Reputation: 0
  • View blog
  • Posts: 61
  • Joined: 13-November 12

Re: Scaling issue with hero image

Posted 28 July 2019 - 09:52 AM

The gray area which will be a bg image. For the sake of simplicity I left the image out of code pen
Was This Post Helpful? 0
  • +
  • -

#4 modi123_1   User is offline

  • Suitor #2
  • member icon



Reputation: 15219
  • View blog
  • Posts: 60,924
  • Joined: 12-June 08

Re: Scaling issue with hero image

Posted 28 July 2019 - 11:13 AM

I suggest F12 (developer tools), and track that section.. then resize the browser tracking the active styling as the shape changese.
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1