xtrah / webtek20 Goto Github PK

When browsing the gallery's pictures through next/prev button, and then scrolling, the gallery goes irrational, and behaves unexpectedly.

Ettersom de har en on hover effekt må det skje noe!

.modulContent ul li {
font-size: calc(16px + 0.5vw);
text-align: left;
background-attachment: <--- HER
background-position: top 0px left 8px;
background-size: 15px 15px;
}

Just change top to 37vh in .headerElements > a
Also the h1 on mobile-device should be a bit smaller:

• Font-size, margin so it force rescales and such solutions.
• Also change the opacity of the background overlay so it is not as dark

Loading time compromised by large images.

• Make the images smaller
• Implement preloading of images

The ipad in the contact us section overlaps with the footer.

Titles are disappearing:

• possibly caused by conflicting stylesheets

When in mobile/tablet mode the navbar has a gap between the top header and the div containing the section-links.

Sidenote:
The problem seems to be absent in safari.

Not enough space for all section-names when width is smaller than laptop and bigger than phone

When the media query changes to tablet/phone size the content of the section overflows the container.
The content that overflows, overlaps the title of the our customers section.

Possible solutions:

• Margin-bottom
• Padding-bottom

These solutions would only work when applied in the media-query. Otherwise it would create an unwanted gap between the sections.

When window rescales there are a few issues with rescaling of the pylon image.

• Not necessary but it should downscale better so we don't risk on ruining on smaller devices.

The our business section has padding-issues when the text brakes on resizing.

Possible solution is to add padding on mediaquery.

Navbar logo and text is off-center vertically on Desktop.

The padding on top of the sections create a unnecessarily large gap.
Possible fix is to remove or reduce padding-top.

The title should be vertically aligned to fit between the top of the section and the top of the pylon.
It looks especially bad on mobile (iphone x).

I think it would look better with a lighter font-weight for the footer (like the original plan)

This was true for a windows user on a 1920x1080 screen with a 100% scaling ratio in google chrome.

Our Business:
We changed the title from "About Us" to a more professional title, "Our Business". The font-size of the header was chosen to be similar to the rest of the titles. The font-size and text-align: justify, on the p-element was also changed to look more appealing to the visitors of the website. The size of the image was rescaled to look more fitting besides the p-element.

We added a media query for scaling which activates when the size of our website reduces to 768px. The media query does display: none to the image, and makes the p-element centered to optimize the space of our website. The styling is responsive, and every element scales to the size of the browser window.

Problems with textscaling.
The text disappears underneath the buttons in the testemonial divs.

Uncertain why the overlays position or the navs position interfere with each other when burger is clicked in mobile view.

The ipad pro has rounded corners on the inside of the screen.
Would it look nicer with a rounded screen?

Table in P2 is not responsive/properly designed for smaller displays.

Images aren't properly sorted in folders and will be a mess to list in the P3 changes document.

Looks like they are sending a GET request, they do not go down to section, b ut wait for load. sometimes responsecode 301 == permenantly redirect.....

We need alt attributes to all images. They have to be appropriate.

• Alt attributes need to be understandable.