Submitted about 1 year ago

Space Tourism with NextJS

#next#tailwind-css

Lim Tangmeng• 80

@ImFropZ

Preview site View code

This is a solution for...

Space tourism multi-page website

HTML
CSS
JS

3intermediate

View challenge

Design comparison

SolutionDesign

Solution retrospective

How to solve the picture tag in NextJS?
- if I use it with the Image component from NextJs It doesn't optimize my image in the source tag.
- I found a solution for this they told you to display: none; the image you don't want to show if the screen is not in the correct size.

Community feedback

Suleman• 750

@legion40216

Posted about 1 year ago

Your background image shouldnt be in a picture tag but instead use CSS and place the background image on the body tag

As for the picture tag, The picture tag is used on the technology page which has two images one for desktop and other for mobile devices

Please log in to post a comment

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord