Witam serdecznie, napisałem stronę z użyciem bootstrapa pojawiły się jednak 2 problemy z responsywnością strony. Link do repozytorium: https://github.com/frozenfroggie/frozenfroggie.github.io/tree/master/Portfolio . Link do strony: https://frozenfroggie.github.io/Portfolio/
1. Przy kliknięciu na element nawigacyjny strona przewija się do diva o określonym ID, jednakże fixed navbar zasłania istotne elementy (mianowicie nagłówki- "PORTFOLIO" oraz "CONTACT").
Próbowałem poradzić sobie z tym problemem poprzez pobranie pozycji top danego diva i zapisanie w zmiennej a następnie dodanie do zmiennej 30px. Później zmienną posyłałem jako argument do funkcji scrollTo (plugin autorstwa Ariela Fleslera), zamiast podawac ID diva. Dzięki czemu otrzymałem oczekiwany rezultat lecz oczywiście responsywność szlag trafił..
2. Chciałem żeby zdjęcie po prawej stronie było wyśrodkowane w pionie więc użyłem kodu:
#photoContainer
{
height: 100%;
}
#photoCentered
{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
Jednakże przy wyświetleniu strony w mniejszym oknie, zdjęcie przeskakiwało poniżej listy "My programming skills" i następnie próbowało się wyśrodkować przez co tworzyła się duża luka między obrazkiem a innymi elementami.
PS. Oczywiście te wszystkie strony w portfolio oraz opis umiejętności to tylko moje placeholdery xD