@rfilenko
Posted
Hi, my advice - use just one css file, start from mobile and adjust, add more styles when needed. One file - less additional requests. Learn some preprocessor later on to improve code structure, dividing into smaller parts. Looks good on mobile 😉
Cheers, Roman
@r-findley
Posted
@rfilenko thanks for the feedback on that. I thought the mobile looked better and was easier to design as well. I struggled with the use of separate background images for the different layouts. I couldn't seem to get the mobile background image to go away when I relied only on 1 style sheet which led me to try 2.
@tarasis
Posted
@r-findley use a media query in the style.css and it will override the one you set first.
@media screen and (max-width: 600px) {
body {
background-image: url("../images/bg-mobile.svg");
background-repeat: no-repeat;
}
}
(I did desktop first when I did this challenge)