RecipeView.js pulls data from the recipeData.js file and builds a grid layout with it. This layout is responsive. The right hand column in desktop view displays the recipe description at the top. When mobile view media query is triggered (max-width:599px) this is pushed down to the bottom underneath the ingredients list.
It would be better to have the description, followed by the picture and ingredients and then finally the method. This will likely need some grid restructuring.
RecipeView.js pulls data from the recipeData.js file and builds a grid layout with it. This layout is responsive. The right hand column in desktop view displays the recipe description at the top. When mobile view media query is triggered (max-width:599px) this is pushed down to the bottom underneath the ingredients list.
It would be better to have the description, followed by the picture and ingredients and then finally the method. This will likely need some grid restructuring.