Implemented media query for the mobile version. Also used sass but only the nesting for the most part.
Latest solutions
product preview card
#sass/scssSubmitted 7 months agoI feel like this solution could have been better, it really differs from the design a little. The areas I would like to get help is
- should I make class for every tags in html?
- how to use semantic tags properly (I feel like I am misusing them a little ). when to use div ?
- some flexbox and grid related resources for understanding them better.
Recipe page
Submitted 7 months agoI tried to use some naming conventions in class names, so that the css become more clear and easily modifiable.
- But I noticed I have written some repetitive css for different lists.
- should I continue this type of naming or not?
- is there any better method to do this?
Blog Preview Card
Submitted 7 months agoI want to know how can I make the website mobile friendly?
- I am only doing the desktop design part as of now.
I feel my codes are messy and I need guideline how to use semantic elements and when I should just go with div?
- If you look at my index.html file, You will understand what I am talking about.
Latest comments
- @AlinggggSubmitted 7 months agoWhat are you most proud of, and what would you do differently next time?@manasmaity506Posted 7 months ago
Great work @Alingggg . The website looks great.
- You can improve your solution by using sematic html elements.
- You can use picture element for rendering different images for different screen sizes.
0 - @RafiMauludi255Submitted 7 months ago@manasmaity506Posted 7 months ago
Your solution can be improved using semantic elements like section, header and main. The code seems good and readable. But The layout of the page breaks in small screen sizes. You should look at it and fix your media query styles.
0 - @LimnosaSubmitted 8 months ago@manasmaity506Posted 7 months ago
Great work @Limnosa . A little suggestion , you can use the img tag to get the card image, the code in index.html will look more readable that way.
0 - @hadodevSubmitted 7 months ago@manasmaity506Posted 7 months ago
Great work bro. But you can remove the footer section. That is not needed in this solution. But I guess, you have done it consciously, looks great.
0