search

GabrielPeresBernes / Dolphin-Web-3

Responsive website created with React.js and Bootstrap
http://marinadolphin.com.br/
0 stars 0 forks source link

Beautiful website! #1

Open I-keep-trying opened 3 years ago

I-keep-trying commented 3 years ago

Finally, a nice example of good responsive design using react + bootstrap, thank you for sharing this!

I just wanted to share something I just noticed after cloning. A minor edge case, but I don't know how to fix it. When the site is translated to English, a few changes appear to happen to the rendered styles, and at between approximately 770 and 945 px screen width, the heading overlaps the top nav bar. The font looks bolder, too, but devtools shows the same font weight for both languages.

I'm sure I can figure out a way to resolve this, but I thought it was an interesting problem that you might want to know about.

dolphin-app

I-keep-trying commented 3 years ago

Update: I removed <br className="hide-phone" /> from the heading content, and that seems to have fixed it. It seems to work for both languages. The menu still collapses at the same point, so I don't see any need for it... ?